由X的SVG 3d旋转

Question

我正在尝试创建5个矩形，这些矩形越来越多地在y轴上旋转，因为它们远离居中的矩形。

但我无法了解如何使用transform和perspective属性来实现它。我只能在2d旋转，但是当我指定rotateY或rotateX时它没有响应并且保持不变。

任何帮助？教程？示例

Answer 1

所以这里有一些关于如何在SVG中使用透视效果的好解释： https://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/#section_4_4_creating_perspective_effects_using_future_features

该页面是从2008年开始的，他们正在谈论未来，似乎这在大多数SVG观众中尚未发挥作用。他们网站上的图片是PNG，我在最新版本的firefox和inkscape中尝试了他们的示例代码，但图片显示不正确。

因此，您的svg代码可能没有任何问题，您不能指望它在每个查看器中都能正确显示。尝试找到一个能够渲染3D SVG并导出位图图形的程序，如果你想让你的图形能够被更广泛的观众看到，这可能是你唯一的选择。