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

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

我在flash中有一个例子：
-单击“Cando Stijlkamer”
-单击6个背景中的1个
-在顶部选择步骤2“Kies-uw-deur”
-双击门，然后在底部再次单击。
-现在，您可以拖动拐角。

示例图像：

有人知道如何做到这一点吗

更新
开始为webGL使用ThreeJS时，我得到了一个立方体，可以透视、缩放和scew它。但拐角处不会灵活

更新2

---

创建了具有可拖动角的自定义几何体。

我可以向您展示如何在Flash中轻松实现此效果。但是，如果您需要使用HTML5，我建议您不要使用Canvas元素。

这样做的实时失真效果更像是WebGL的一个用例。@Philipp:+1用于指向远离Canvas或svg的地方，因为它们的3x3变换矩阵不支持非并行失真。比如@Philipp说这是WebGL的一件事。你的问题看起来和：检查一下。我已经开始使用ThreeJS，除了几何体之外，还有很多可能，我需要在render上创建自己的几何体吗？@Niels你能分享一个解决方案的例子吗？或者给我指出正确的方向？我也在找同样的。