Javascript 如何创建矩形，用鼠标拖动它的角来创建四边形，并用图像填充它

我有一个朋友，他将要建立一个网站，需要的是：

他希望用户能够绘制四边形（无论是逐点还是创建矩形网格，然后通过拖动变换每个角），然后用任何图像填充它。图像必须包含通过绘制四边形获得的相同变换

在HTML5上可能吗？也许是一些带库的JS

谢谢你的帮助

注：这是我所说的一个例子

---

PS-找到了解决方案-

是的，这是可能的。是的，您需要使用一些JavaScript库。

这里是一个很好的起点（接近页面末尾）：

---

有点不清楚他到底想干什么。我不知道有什么方法可以只使用HTML5和Javascript裁剪或修改（实际更改）图像。但仅出于显示目的，您可以使用HTML5和JS使其在网站上看起来有所不同。

看看。我想这正是你所需要的

你要找的就是所谓的

点A，B，C，D和A'，B'，C'，D'通过透视关系关联，透视关系是投影变换

马丁·冯·加格恩（Martin von Gagern）已经在这里给出了很好的解释：

基本上，您只需要这些助手函数和一点时间来阅读Martin已经编写的内容：

• Mat3#变换

• Mat3#adjugate

• Mat3#乘法

---

您希望得到什么样的帮助？我们只是回答你提出的问题？（是的，这是可能的，不，他不需要图书馆）…或者我们为你创造他想要完成的东西？我只是想要一些例子，如果它们存在的话。谢谢，我知道HTML5画布的基本知识，但不是基本知识。我使用ImageMagick保存/修改图像。我不知道有任何javascript库可以进行这种图像处理。感谢您的ImageMagick-通过搜索，我找到了答案：