画布图像调整大小/ scew / dnd

Question

我正在尝试构建一个人们可以上传图像的应用程序，我希望人们可以拖动图像的角落并扭曲图像。但我不知道从哪里开始，我找不到任何例子。

我在flash中有一个例子：http://configurator.cando.eu/popup.html
- 点击“Cando Stijlkamer”
- 点击6个背景中的1个 - 在顶部选择步骤2“Kies uw deur”
- 双击门，然后在底部再次进行操作 - 现在你可以拖动角落了。

示例图片：

任何人都知道如何做到这一点？

更新
开始使用ThreeJS for webGL，在我得到一个立方体的那一刻，可以使它透视，缩放和观察它。但角落不会灵活。

更新2
创建了一个带有可拖动角的自定义几何体。

Answer 1

我可以告诉你如何在Flash中轻松完成这个效果。但是，如果您需要使用HTML5，我建议使用https://github.com/edankwan/PerspectiveTransform.js而不是Canvas元素。