SVG性能 - 整数与小数

时间:2017-11-19 22:22:54

标签: javascript performance svg

我在某处读到javascript比十进制等更好地处理整数。

由于我正在使用SVG,我认为嗯SVG是关于向量的,因此它的坐标系可以是我们想要的任何东西。

现在我在这里构建了这个天真的性能测试:

https://jsperf.com/svg-whole-numbers-or-not

问题 - 对于整数的情况,测试显示处理速度提高了50%。有人可以解释一下,如果避免使用非整数实际上可以带来任何真正的好处吗?

我基本上想知道我应该知道(即使性能获胜很小)我默认使用SVG来避免非整数?

1 个答案:

答案 0 :(得分:0)

速度差异主要是通过差分着色与相邻像素之间不运行的路径相邻的像素来“消除别名”笔划和填充操作的需要。

虽然水平线,垂直线和矩形可能会出现这种情况,但它通常不适用于对角线,曲线和任意形状。

避免非整数值不会使通用svg图纸受益。它可以加速一类子图纸,例如使用水平和垂直连接器和盒子的非常简单的流程图。使用整数坐标的护理或编辑是否值得节省时间(imho)值得怀疑。