Javascript iOS10'中关于SVG小圆圈的笔划问题；s狩猎

我在带有D3.js的传单中使用SVG覆盖，当我缩放它时，我会调整元素的大小以使其适合

我遇到的问题是，在iOS10的Safari中，当圆的半径小于1时，圆的笔划被绘制为矩形。下面是一个js小提琴，演示了这个问题：

我试过的其他浏览器都很好用

---

有人知道这个问题吗？

你有没有机会发布你在ios10 safari上看到的屏幕截图？您使用

scale

来更改圆的大小，而不是像这里这样调整其其他属性或使用css，这有什么原因吗？如果尚未报告，请将其报告为webkit错误。这将是一个选项，糟糕的是，我们将很快投入生产：（如果在另一个方向使用transform，会发生什么情况？例如，将点设置为50px开始，并

缩放（0.1）

（认为小数笔划是问题所在）？我想我会放弃缩放方法。我使用一个小的库来处理SVG的渲染，这样缩放的事情就可以用这种方式强制执行。我会尝试将它分叉并进行更改，然后将问题作为错误报告给苹果…如果我做对了，我可以在这里发布github。你有没有可能发布你在ios10 saf上看到的屏幕截图ari？您使用

scale

来更改圆的大小，而不是像这里这样调整其其他属性或使用css，这有什么原因吗？如果尚未报告，请将其报告为webkit错误。这将是一个选项，糟糕的是，我们很快就要投入生产了：（如果在另一个方向使用transform，会发生什么情况？例如，将点设置为50px开始，并

缩放（0.1）

（认为小数笔划是问题所在）？我想我会放弃缩放方法。我使用一个小的库来处理SVG的渲染，所以缩放的事情是以这种方式强制执行的。我会尝试分叉它并做我的更改，然后将问题作为bug报告给苹果…如果我做对了，我可以在这里发布github。

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" version="1.1">
  <g>
    <circle r="0.5" cx="3" cy="3" fill="red" transform="scale(10)" stroke="black" stroke-width="0.1" ></circle>
  </g>
</svg>