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

用户应该能够自由拖动这四个点。
如果内部的图像自动转换为该给定的四边形,那就很好,如下图所示。



您知道图书馆可以帮助我完成这项工作吗?

当然,Paperjs能够应用矩阵转换,但是有一个“更简单”的解决方案,例如:

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

就像这个ActionScript演示一样,但是在Javascript中使用canvas:
http://www.rubenswieringa.com/code/as3/flex/DistortImage/

谢谢!

最佳答案

这个d3.js代码片段为我完成了这项工作:

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

关于javascript - 基于4点在 Canvas 上变换图像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31338112/

10-12 02:21