基于4个点在画布上转换图像

Question

我有一个小应用程序，它使用Paperjs在四点之间渲染图像。

用户应该可以自由拖动这四个点。 如果里面的图像自动转换成这个给定的四边形，那就太好了，如下图所示。

你知道一个能帮助我完成这项工作的图书馆吗？

当然Paperjs能够应用矩阵变换，但有一个“更简单”的解决方案，如：

Image.transform(point1, point2, point3, point4);

就像这个ActionScript演示一样，但是在带有画布的Javascript中： http://www.rubenswieringa.com/code/as3/flex/DistortImage/

谢谢！

Answer 1

这个d3.js codesnippet为我完成了这项工作：

http://bl.ocks.org/mbostock/10571478