<span class="Apple-style-span" style="font-family: arial, sans-serif; font-size: 13px; border-collapse: collapse; ">No, this isn't quite what I was talking about. Let me try to explain it again to try and help. I want a drawing which is very large (20000*20000) to be able to be displayed at 1:1 ratio just inside of a limited size <div> so the user can see the drawing in great detail as they scroll around the contents of the div. <div>
<br></div><div>This is possible in SVG as there are no size restraints on SVG, however, SVG cannot handle the amount of objects that I am drawing (approx. 15000+ lines). So I want to use Canvas to sketch the 15000 lines, but since it is not able to have dimensions much larger then 4000*4000, I want to then display the full drawing (20000 * 20000) using SVG.</div>
<div><br></div><div>In this way Canvas is doing all the work (scaling, etc.) and SVG is just being used as the medium to display.</div><div><br></div><div>If anyone else can think of an alternative that solves my problem I would love to hear it. And CYp if drawImage() would indeed work to do this I'm sorry for the confusion.</div>
</span><br><div class="gmail_quote">2010/3/8 CYp <span dir="ltr"><<a href="mailto:tccyp86@hotmail.com">tccyp86@hotmail.com</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
<div>
I think you can use the method: <div>void drawImage(in HTMLCanvasElement image, in float dx, in float dy, in optional float dw, in float dh);</div><div><br></div><div>using this method you can draw one canvas to another one with scale.</div>
<div><br></div><div><br><hr>Date: Mon, 8 Mar 2010 15:02:32 -0500<br>From: <a href="mailto:shaunwithanau@gmail.com" target="_blank">shaunwithanau@gmail.com</a><br>To: <a href="mailto:help@lists.whatwg.org" target="_blank">help@lists.whatwg.org</a><br>
Subject: [html5] Exporting a large Canvas to SVG<div><div></div><div class="h5"><br><br>Currently I am drawing a very large picture to the canvas (think an entire building measured in inches) which is composed of numerous lines (approx 20000). Obviously this picture is having to be scaled down considerably to fit on a canvas. However the user has the option to zoom in on this picture. What this in turn does is set a scaling factor to the canvas causing parts of the drawing to be outside of the canvas's dimensions. <div>
<br></div><div>What I want to do is use SVG (which can be much larger but cannot be used to draw the picture as it consists of too many lines) to replicate what is being drawn to the canvas (including the parts that spill over). This is because I can place the large SVG inside of a limited sized <div> and the user will be able to use the scroll bars to see the entire building. </div>
<div><br></div><div>The idea is that I let canvas handle the data and scaling. Then once I have it the size that I want, then display it in SVG.</div><div><br></div><div>My question is will this work with <span style="font-family:'Courier New', Courier, monospace;font-size:13px;color:rgb(0, 102, 0);line-height:17px;white-space:nowrap">toDataURL<span style="color:rgb(0, 0, 0);font-family:arial;line-height:normal;white-space:normal;font-size:small">? I am guessing that it wont, as it will just send what is actually visible on the canvas to the SVG. </span></span></div>
<div><span style="font-family:'Courier New', Courier, monospace;font-size:13px;color:rgb(0, 102, 0);line-height:17px;white-space:nowrap"><span style="color:rgb(0, 0, 0);font-family:arial;line-height:normal;white-space:normal;font-size:small"><br>
</span></span></div><div>Is there any other way to do this or something similar?</div><div><br></div><div><br></div><div><br></div><div><br></div></div></div></div> <br><hr>使用Messenger保护盾2.0，支持多账号登录！ <a href="http://www.windowslive.cn/safe/" target="_blank">现在就下载！</a></div>
</blockquote></div><br>