使用Html5 API，如何扭曲图像（更改左侧或右侧高度）？

Question

我在画布上有一个图像，我想在“墙”上显示它。为此，我需要  扭曲图像左侧的图像比右侧更大（我试图获得一个视角）。

你能否就我如何做到这一点给我一些例子或建议？

感谢。

Answer 1

canvas API没有内置3D功能。你可以查看一些为HTML5 canvas编写的第一人称射击游戏。例如，一个快速的谷歌发现了这个，还有更多：

http://dev.opera.com/articles/view/creating-pseudo-3d-games-with-html-5-can-1/

此外，还有一个用于3D转换的CSS标准，但目前仅支持Webkit浏览器：

http://www.w3.org/TR/css3-3d-transforms/