javascript - Canvas 图像调整大小/scew/dnd

Question

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

我在 flash 中有一个例子:http://configurator.cando.eu/popup.html
- 点击“Cando Stijlkamer”
- 点击 6 种背景中的一种
- 在顶部选择第 2 步“Kies uw deur”
- 双击门，然后在底部再做一次。
- 现在您可以拖动边 Angular 了。

示例图片:

有人知道如何实现吗？

更新
开始将 ThreeJS 用于 webGL，此刻我得到了一个立方体，可以使它透视、缩放和旋转。但是 Angular 落不会灵活。

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

Answer 1

我可以向您展示如何在 Flash 中非常轻松地制作这种效果。但是，如果您需要使用 HTML5，我会建议 https://github.com/edankwan/PerspectiveTransform.js而不是 Canvas 元素。