views:

222

answers:

1

Hi all. How can I use the Canvas to draw over images downloaded by users, while scaling it. for example: 1. user uploaded image 2. began to draw on it 3. zoom out and continued to draw more and all changes are applied to the original image.

p.s ssory for my engilsh:(

A: 

One issue you will run into is IE. IE does not support canvas but you can use a library like ex-canvas to do the same in VML.

Canvas does allow to import images. When you do draw image you can set the size. I'm not sure if this is supported in VML\IE though.

ctx.drawImage(img,j*50,i*38,50,38); 
Jason Rowe
yes,but when i rescale image to smaller size i lost details of imagehow project image changes on smaller or bigger size to original image
zeddead
You might want to use SVG instead. This library looks nice. http://raphaeljs.com/
Jason Rowe