【发布时间】：2017-03-03 16:54:35
【问题描述】：
我想以单个 SVG 的不同度数（矩形）在 3D 中旋转每个元素。所以我的 SVG 中的每个元素都应该有不同的旋转角度。
I mean this: IMAGE
有可能吗？
例如，在 CSS 中，对于许多 div，我可以使用 perspective 和 transform (rotateY) 等不同的值。
我也可以使用它们来旋转 SVG，但不能以不同的方式旋转每个单个元素。
CANVAS 怎么样？
【问题讨论】：
-
欢迎来到 Stack Overflow！预计您至少会尝试自己编写代码。 Stack Overflow 不是代码编写服务。我建议你做一些additional research，无论是通过谷歌还是通过搜索，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的操作。
-
我只想简化我的想法。无论如何，我不是要为我写代码。我在问我该怎么做。谢谢。
-
没有人可以帮助我吗？我应该使用 3 种不同的 SVG 吗？还是使用 3
divs？这些解决方案中哪个具有更好的性能？ -
@DisplayName 如果你真的想要 3d，你应该使用 div 特别是因为你的矩形内的文本也被旋转了。正如在副本中解释的那样，SVG 不处理 3D 变换。
-
webgl 可以很好地处理这个问题......但是在这里发布一个方法不适合 SO 格式。
标签： javascript css canvas svg