SVG 3D旋转由X

我试图创建5个矩形，越来越多的旋转在Y轴，因为他们离中心矩形越来越远。SVG 3D旋转由X

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

有帮助吗？教程？例？

2012-07-09 Yossi

因此，这里是如何在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并导出位图图形的程序，如果您想让图形可供更多观众观看，那么这可能是您唯一的选择。

来源

2012-07-09 09:36:35 inVader

目前我们无法达到在png图片中看到的效果？ – Yossi 2012-07-09 10:58:56

这正是我正在寻找的。所以浏览器不支持这个呢？ – Yossi 2012-07-09 10:59:18

是的，我认为直到他们这么做还有很长的路要走。我正在开发一个严重依赖SVG图像的浏览器游戏，并且不幸的是，有很多浏览器甚至不支持SVG的一些基本特性（比如掩码）。大多数移动浏览器都在其中，甚至铬也不支持我使用的所有功能。对于这些浏览器，我会回到一个php脚本，该脚本会在显示之前将动态创建的SVG转换为PNG。不幸的是，SVG似乎远没有成为网络上的通用标准，而且随着HTML5画布的出现，我怀疑它永远会如此。 – inVader 2012-07-09 14:40:25

SVG 3D旋转由X

回答

相关问题