Safari中的SVG和矩形线条粗细？

Question

我在MacOS X 10.11上遇到Safari 9.0.2的问题，它似乎在SVG中绘制比同一台计算机上的其他浏览器更粗的行。我无法判断这是否是我需要在SVG设置中调整的内容，或者这是否是Safari的问题。请注意，这似乎不会影响常规行。

我所看到的屏幕截图：

以及我用来生成它的代码：

https://jsfiddle.net/ajmas/jh3144b3/

或只是基本代码（使用Snap SVG）：

centerX = snap.node.clientWidth / 2;
centerY = snap.node.clientHeight / 2;

for (i=0; i<8; i++) {
  width = 20 + (i*20);
  height = width;
  snap.rect(centerX - width/2, centerY - height/2, width, height).attr({
     'stroke': 'black',
     'stroke-width': i + 'px',
     'fill': 'none'
  });
}

任何见解都将受到赞赏。