3d SVG通过X进行三维旋转

我试着创建5个矩形，随着它们远离中心矩形，它们在y轴上的旋转越来越大

但是我不知道如何使用变换和透视属性来实现它。我只能在2d中旋转，但当我指定rotateY或rotateX时，它不会响应并保持不变

---

有什么帮助吗？辅导的示例？

下面是一些关于如何在SVG中使用透视效果的好解释：

该页面来自2008年，他们正在谈论未来，似乎这在大多数SVG查看器中还不起作用。他们网站上的图像是PNG，我在最新版本的firefox和inkscape中都尝试了他们的示例代码，但图像显示不正确

---

因此，svg代码可能没有什么问题，只是不能期望它在每个查看器中正确显示。尝试找到一个能够渲染3D SVG并导出位图图形的程序，如果您想让更多的人看到您的图形，这可能是您唯一的选择。

因此，这里有一些关于如何在SVG中使用透视效果的好解释：

该页面来自2008年，他们正在谈论未来，似乎这在大多数SVG查看器中还不起作用。他们网站上的图像是PNG，我在最新版本的firefox和inkscape中都尝试了他们的示例代码，但图像显示不正确

---

因此，svg代码可能没有什么问题，只是不能期望它在每个查看器中正确显示。尝试找到一个能够呈现3D SVG并导出位图图形的程序，如果您想让更多的观众看到您的图形，这可能是您唯一的选择。

目前，我们无法实现png图像中显示的效果？这正是我要寻找的。所以浏览器还不支持这一点？是的，我认为要实现这一点还有很长的路要走。我正在开发一款严重依赖SVG图像的浏览器游戏，不幸的是，有许多浏览器甚至不支持SVG的一些基本功能（比如屏蔽）。大多数移动浏览器都在其中，甚至chrome也不支持我使用的所有功能。对于这些浏览器，我会使用php脚本，在显示之前将动态创建的SVG转换为PNG。不幸的是，SVG似乎远没有成为网络上的通用标准，而且随着HTML5画布的出现，我怀疑它是否会成为通用标准。自发布以来的6个月内，有什么变化吗？目前我们无法实现png图像中所显示的效果？这正是我所寻找的。所以浏览器还不支持这一点？是的，我认为要实现这一点还有很长的路要走。我正在开发一款严重依赖SVG图像的浏览器游戏，不幸的是，有许多浏览器甚至不支持SVG的一些基本功能（比如屏蔽）。大多数移动浏览器都在其中，甚至chrome也不支持我使用的所有功能。对于这些浏览器，我会使用php脚本，在显示之前将动态创建的SVG转换为PNG。不幸的是，SVG似乎远不是web上的通用标准，而且随着HTML5的出现，我怀疑它是否会成为通用标准。自发布以来的6个月内，有什么变化吗？