Canvas Image resize/scew/dnd

Question

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

我有闪光的例子：http://configurator.cando.eu/popup.html
- 点击 “剑度Stijlkamer”
- 点击6个背景
1 - 在顶部选择第2步 “Kies的UW deur”
- 双击门，在底部再做一次。
- 现在您可以拖动角落。

示例图片：

任何人知道如何实现这一目标？

UPDATE
使用ThreeJS对WebGL的，在我得到了一个立方体的那一刻开始，可以使它的角度来看，规模和scew它。但角落不会灵活。

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

Answer 1

我可以告诉你如何在Flash中很容易地做到这一点。但是，如果您需要使用HTML5，我会建议https://github.com/edankwan/PerspectiveTransform.js而不是Canvas元素。