画布图像透视

Question

我已经开始使用画布并使用图像。

我希望实现这样的目标 - 带有透视的图像。

！

我尝试使用ctx.transform(1,0.5,-0.5,1,30,10)方法但不完全透视，我找不到一个好的教程。

有人可以将我的教程或帮助链接到一般吗？

Answer 1

这是我刚刚做的一个简单方法...... 检查here。

这项技术非常简单。你只需将图像分成很多部分，这种情况下你可以做很多垂直分割。然后你调整每一块的大小，使它们具有下降的高度。

这给你一些透视感。

使用该功能的方法是下一步：

drawPerspective(canvasID, imgURL, scale); // for the scale value try something between 0.5 and 1