性能的svg：s元素：g元素

我正在重寫一個圖表，並且正在考慮從將<g>元素中的後代元素轉換爲。我遇到的問題是，我試圖以各種方式做到這一點，使元素更容易。我擔心的是會有什麼性能影響。 <g>似乎很輕，其中<svg>有更多的功能，因爲它不是那麼輕的重量。性能的svg：s元素：g元素

所以幾乎有這樣的懲罰？

你必須嘗試在你的特定情況下。 –

http://jsperf.com/？ –

什麼是基於你的輕重量/不那麼輕量級斷言？ –

到目前爲止我從jsperf得到的結果是追加svg比g元素慢。 http://jsperf.com/svg-vs-g 事實上，如果我的測試寫得很準確，就會降低30％...

努力獲得改進並獲得翻譯。當我這樣做時，我會更新我的答案。

2013-11-04 20:29:15 QueueHammer

這真的只是證明百分比單位是緩慢的。你在svg測試中的數量是它的兩倍，他們需要根據視口大小來解決問題。 –

你能舉一個更正確的測試的例子嗎？ – QueueHammer

只是不使用百分比，而是使用px或其他單位。 –

回答