使用 Html5 API，如何扭曲图像（更改左侧或右侧高度）？
我在画布上有一个图像，我想将其显示在“墙上”。为此，我需要 扭曲图像，例如图像的左侧比右侧更大（我正在尝试获得透视视图）。
您能给我一些关于如何做到这一点的例子或建议吗？
谢谢。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
我在画布上有一个图像，我想将其显示在“墙上”。为此，我需要 扭曲图像，例如图像的左侧比右侧更大（我正在尝试获得透视视图）。
您能给我一些关于如何做到这一点的例子或建议吗？
谢谢。
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（1）
canvas API 没有内置 3D 功能。您可以查看一些为 HTML5 canvas 编写的第一人称射击游戏。例如，快速谷歌发现了这个，还有更多：
http://dev.opera.com/articles/view/creating-pseudo-3d-games-with-html-5-can-1/
另外还有一个 CSS 标准3D 转换，但目前仅 Webkit 浏览器支持：
http://www.w3 .org/TR/css3-3d-transforms/
The canvas API doesn't have 3D functionality built in. You could have a look for some of the first person shooter games written for HTML5 canvas that are around. A quick google found this for example, and there is more:
http://dev.opera.com/articles/view/creating-pseudo-3d-games-with-html-5-can-1/
Also there is a CSS standard for 3D transformations, which however is currently only supported by Webkit browsers:
http://www.w3.org/TR/css3-3d-transforms/