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

回答

相關問題