为下载客户端调整图像大小

Question

Is there any way through any type of client side script to get an external image (ex: http://www.google.com/image.jpg ) and resize it when the user copies the image so that the pasted image will be resized? And I can't get HTML5 canvas to work.

I'm working out of Dreamweaver CS5.5 and creating an Air App. The code works in live view but not when I preview the Air App. Here is the code that is not working:

function test(){

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var img = new Image();
img.onload = function(){
context.drawImage(img, 0,0);
};


img.src="image.jpg";

 }

Answer 1

You can try drawing the image then doing img.src = canvas.toDataURL('image/png') prior to the user dragging. This will cause the canvas to output its data to the image tag. The canvas should be invisible, while the image is the visible element the user should drag.

To resize the image, specify the width and height in the drawImage .