我正在使用带有D3.js的传单中的SVG叠加，当我缩放它的缩放时，然后我调整元素的大小以使它们适合。
我遇到的问题是，在iOS10的Safari中，当圆的半径小于1时，圆圈的笔划将被绘制为矩形。这是一个证明问题的小提琴：{{3} }
<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>
https://jsfiddle.net/k8kLfvxv/2/
我尝试的每一个其他浏览器都非常完美。
任何人都对这个问题有所了解吗？