Resizing Canvas by adding space on top and left..?

Question

Is it possible to resize canvas by adding a fresh space on top and left of the canvas - by adding dx pixels on left and dy pixels on top? If so, what is the best optimized solution to do that, if the current canvas is very large...?

Answer 1

Yes this is possible with an in-memory canvas. All you have to do is "save" the canvas bitmap by drawing it to a temporary in-memory canvas, resize your canvas, and draw back the old bitmap in the right place.

Here's a live example of that:

http://jsfiddle.net/simonsarris/YdtEd/