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

Question

有没有办法通过任何类型的客户端脚本来获取外部图像（例如：http://www.google.com/image.jpg）并在用户复制图像时调整其大小，以便调整粘贴的图像大小？我无法让HTML5画布工作。

我正在使用Dreamweaver CS5.5并创建一个Air App。代码在实时视图中工作，但在我预览Air App时则不行。以下是无效的代码：

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

您可以尝试绘制图像，然后在用户拖动之前执行img.src = canvas.toDataURL('image/png')。这将导致画布将其数据输出到图像标记。画布应该是不可见的，而图像是用户应该拖动的可见元素。

要调整图像大小，请在drawImage中指定宽度和高度。