1

我正在尝试创建 5 个矩形,随着它们远离居中的矩形,它们在 y 轴上旋转得越来越多。

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

有什么帮助吗?教程?例子?

4

1 回答 1

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 并导出位图图形的程序,如果您想让您的图形对更广泛的受众可见,这可能是您唯一的选择。

于 2012-07-09T09:36:35.447 回答