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

Question

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

我在flash中有一个例子:http
://configurator.cando.eu/popup.html - 点击"Cando Stijlkamer"
- 点击6个背景中的一个
- 在顶部选择第2步"Kies uw deur"
- 双击门,在底部再做一次.
- 现在你可以拖动角落了.

示例图片:

谁知道如何使这成为可能？

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

更新2
创建具有可拖动角的自定义几何体.

Answer 1

我可以向您展示如何在 Flash 中轻松实现此效果。但是，如果您需要使用 HTML5，我建议使用https://github.com/edankwan/PerspectiveTransform.js而不是 Canvas 元素。