如何在javascript中调整Image对象的大小并继续使用修改后的对象

Question

我做一个小游戏时遇到一个问题。

我做了一个小小的益智游戏，允许用户玩自己的图像（选择后）。问题是我想要总是使用600x400画布，因为它完全适合与其他元素相同的页面。

必须处理调整大小问题，我必须缩放我的图像，使其适合600x400点。使用canvas drawImage（）方法我可以做一次，但我的问题是我仍然需要“调整大小的图像”进行内部计算（分成碎片等）。

所以我问你是否有人知道如何做到这一点（调整我的内部Image对象的大小并继续使用新的“resized对象”或任何允许我这样做的库）。

编辑：添加了一些代码。图像对象声明是标准声明

image = new Image();
image.src="myImage.jpg";

问题是以前的Image可以有任何随机分辨率。我需要的是（我知道我不能做出分配，因为drawImage（）不会返回任何对象，只是为了说明我需要的东西）

image_aux = ctx.drawImage(image, 0, 0, puzzleWidth, puzzleHeight);

我需要有类似的东西，所以提前我可以使用“自定义”分辨率进行任何操作。

提前致谢

Answer 1

解决，只需添加

image.src = canvas.toDataURL(); 

在第一个drawImage（）和事情完成之后，没有更多的问题，创建该行的url是调整大小的图像（因为在这种情况下是jpg，或者如果用它们的坐标指定则是bmp）