Html canvas free transform

Question

我试图将canvas元素中的图像的非统一部分转换为合适的矩形（即，像在Photoshop中拍摄非矩形部分的图像并使用Distort使其成矩形） ，但我很难理解帆布矩阵变换。

我不是在代码之后，就理解我如何实现这一点而言，只是一个正确的方向。

干杯

更新1：柜面我没有解释不够好http://i.imgur.com/QTB6q.png

更新2：那些箱子里面是其中加入到画布照片的区域，基本上是我裁剪和拉直图像的一部分。

Answer 1

在HTML5画布只能affine transformations使用transform或setTransform()方法的，所以你需要知道什么是矩阵应用已经使用逆矩阵，使它看起来像一个方形区域，对于其他转换（非亲和），需要一些数学知识（我没有），创建或搜索Canvas API的实现（只适用于仿射变换）。