可拖动，在HTML5画布分级图像

Question

我与我打算在使用HTML5一个小项目。 到目前为止，我已经成功地设置了一些小的功能有点演示，但它仍然缺乏所有必要的功能。我希望这里的某个人可能有时间为初学者腾出空间。

总之，这里是我的演示： http://persturesson.com/demo/

现在，你可以看到，图像（是的，它是一个图像，而不是一个绘制的对象，图像将在最终版本改变，因此不投入很多）可拖动。但我希望能够像这样动态调整图像大小： http://simonsarris.com/project/canvasdemo/demo2.html

任何人有一个想法如何将这个演示的功能合并到我的？

所有输入都理解，谢谢。

Answer 1

我写的，你看

演示所以相关的drawImage看起来是这样的：这是目标的x，y，宽度和高度

context . drawImage(image, dx, dy, dw, dh)

。这意味着，无论原始图像的大小如何，您都可以在画布上绘制更大或更小的图像。在我的盒子例如更改宽度和高度fillRect，而不是在这里，你应该只改变drawImage的dw和dh值。

等都为dw,dh值的transform.js文件的第32行，而不是150,150，应该有一个保存（和修改）的宽度和高度相当于，就像在我的演示。

其他的一切（让手柄的工作，等等）应该是大同小异的。

如果还有任何问题，让我知道！