我正在处理一个我计划使用HTML5的小项目。 到目前为止，我已经设法建立了一个具有一些小功能的小型演示，但它仍然缺乏必要的所有功能。我希望这里的某个人可能有一些时间为初学者做好准备。
无论如何，这是我的演示： http://persturesson.com/demo/
现在，正如你所看到的，图像（是的，它是一个图像，而不是一个绘制的对象，图像将为最终版本而改变，所以不要投入太多的东西）是可拖动的。但我希望能够像这样在运行中调整图像的大小： http://simonsarris.com/project/canvasdemo/demo2.html
任何有想法如何将此演示中的功能合并到我的内容的人？
感谢所有投入，谢谢。
答案 0 :(得分：4)
我写了你正在看的演示
所以相关的drawImage看起来像这样：
context . drawImage(image, dx, dy, dw, dh)
那是目的地x，y，宽度和高度。这意味着，无论原始图像的大小如何，您都可以将其绘制得更大或更小。在我的框示例中，您更改了fillRect的宽度和高度，而在此处您应该只更改dw的{{1}}和dh值。
因此，在drawImage文件的第32行，而不是transform.js的{{1}}值，应该相当于保存（和修改）的宽度和高度，就像在我的演示中。
其他一切（让句柄工作等）应该是完全一样的。
如果还有任何问题，请告诉我们！