SVG是否適用於網絡上高度複雜的插圖？

我正在研究一個使用相當多的大型複雜圖像作爲背景和前景插圖的網絡應用程序。我傾向於使用SVG代替柵格圖形，因爲它具有可伸縮性以及它允許的動態交互。但是一些較大的圖像非常複雜（在Inkscape中繪製了幾千條路徑）。SVG是否適用於網絡上高度複雜的插圖？

使用這種尺寸的SVG圖像會有多大的實用性（就性能而言）？它會使我的頁面比使用PNG圖像顯着更慢嗎？是否有特定的技術（例如，一種嵌入方法而不是另一種方法）可以使下載和渲染速度發生變化？

2012-09-28 monotasker

當然，渲染比位圖複雜的矢量圖形要慢一些，但它是否以可接受的速度渲染取決於很多事情。爲什麼不在本地設置Web服務器，將SVG圖像添加到頁面中，並在一系列瀏覽器中嘗試使用它？如果加載/渲染時間適合您，這將會給出一個想法。 – halfer

我已經開發了這個網站，它使用了大量的基於蒙版視差的背景SVG，但是當我建立新的部分時，它開始落後於地獄......我不認爲SVG適合複雜的佈局.. –

您可以簡化路徑數據以適合您的視口尺寸。一些不可見的元素不應輸出到DOM樹。谷歌地圖也使用SVG並運行良好。

2013-01-26 10:53:41 cuixiping

如何保持隱形DOM樹中的元素？ – monotasker

回答