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元素。