Javascript svg:svg与svg:g元素的性能

我正在重写一个图表，正在考虑将

元素中的子元素包装到

元素中。我所面临的问题是，对于我试图在各个方面做的事情，

元素使之更容易。我关心的是会不会对性能产生影响<代码>似乎非常轻，而

有更多的功能，因为它不是那么轻

---

那么实际上有什么惩罚吗？

到目前为止，我从jsperf得到的结果是，添加svg比添加g元素慢。 事实上，如果我的测试写得正确，速度会慢30%

---

致力于改进它们并获得一个用于翻译的文档。我会更新我的答案

你必须在你的特殊情况下尝试。你的轻量级/不那么轻量级论断基于什么？@robertlongs猜测。。。以及适用于被继承元素的属性和规则。一个例子是，这将创建一个新的视口。测试比猜测更好：-），这确实证明了百分比单位是慢的。svg测试中的数量是svg测试的两倍，它们需要根据视口大小进行解析。只是不要使用百分比，而是使用px或其他单位。O。你能解释一下渲染的成本吗，或者提供一个链接？在我的例子中，我希望使用百分比，这就是为什么我要用替换的原因，这样我就不必运行任何脚本来更新页面上的元素大小。百分比需要根据视口大小进行解析，因此您需要向上移动层次结构以计算值。如果我想了解更多有关渲染工作原理的信息，那么这是否在规范中？另外，我认为你是最好的人来看看这个。。。