为网络中的图像添加透视图

Question

我有一个正方形的图像。我需要为其添加透视图，然后制作将图像恢复为方形视图的动画。此操作必须至少在所有最新版本的浏览器中有效且不带 Flash。

我已尝试按以下方式执行此操作：

1. 使用 RaphaelJS 我只能剪辑图像（创建路径并将填充设置为图像 url），不能添加透视图。
2. Canvas 在 RaphaelJS 中用作 svg 和 vml...我无法在它的帮助下添加透视图。
3. CSS3 3D 动画方法 rotateX 添加透视，但仅 Chrome 和 Safari 支持。

Answer 1

无法使用内置工具为图像添加透视图。

我发现唯一可能的解决方案是使用 SVG 将clip path 添加到图像 - 它不会添加透视图，但它是最好的解决方案。

据我了解 - 我们可以使用 Canvas 添加透视图，但您必须编写自己的 javascript 算法才能将普通图像转换为透视图。