SVG性能-整数与小数

Question

我在某处读到javascript处理整数要好于十进制等。

由于我经常使用SVG，因此我认为SVG是关于矢量的，因此其坐标系可以是我们想要的。

现在，我在这里构建了这个幼稚的性能测试：

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

问题-测试显示带有整数的案例处理速度提高了50％。 有人可以解释一下，避免使用非整数实际上能带来任何实际好处吗？

我基本上想知道我在使用SVG时是否应该默认（即使性能获胜很小）避免非整数？

Answer 1

速度差异很大程度上是由于需要“抗锯齿”笔划和填充操作而产生的，该操作是通过对与不在相邻像素之间延伸的路径相邻的像素进行差异着色来实现的。

虽然这可能发生在水平线，垂直线和矩形上，但通常不适用于对角线，曲线和任意形状。

避免使用非整数值将不会使通用svg图受益。 它可以加快子类的绘图速度，例如使用水平和垂直接缝和盒的非常简单的流程图。 关心或编辑使用整数坐标是否值得节省时间（恕我直言）值得怀疑。