基于 4 个点在 canvas 上变换图像
Transform image on canvas based on 4 points
我有一个使用 Paperjs 在四个点之间渲染图像的小应用程序。
用户应该可以自由拖动这四个点。
如果里面的图片自动变成这个给定的四边形就好了，如下图。
你知道可以帮助我完成这项工作的图书馆吗？
当然 Paperjs 能够应用矩阵变换，但是有没有像这样的“更简单”的解决方案：
Image.transform(point1, point2, point3, point4);
就像这个 ActionScript 演示一样，但在 Javascript 和 canvas 中：
http://www.rubenswieringa.com/code/as3/flex/DistortImage/
谢谢！
这个 d3.js 代码片段为我完成了工作：
我有一个使用 Paperjs 在四个点之间渲染图像的小应用程序。
用户应该可以自由拖动这四个点。 如果里面的图片自动变成这个给定的四边形就好了，如下图。
你知道可以帮助我完成这项工作的图书馆吗？
当然 Paperjs 能够应用矩阵变换，但是有没有像这样的“更简单”的解决方案：
Image.transform(point1, point2, point3, point4);
就像这个 ActionScript 演示一样，但在 Javascript 和 canvas 中： http://www.rubenswieringa.com/code/as3/flex/DistortImage/
谢谢！
这个 d3.js 代码片段为我完成了工作：