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

Question

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

我正在使用 Dreamweaver CS5.5 并创建一个 Air 应用程序。该代码在实时视图中有效，但在我预览 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中指定宽度和高度。