我正在尝试在SVG中绘制圆圈,在chrome/opera和IE/firefox中有不同的结果.
附图显示了如何在chrome(左)和firefox(右)中绘制圆圈.
.
<svg>
<style>
.circle { fill: #00FF00; stroke: #00FF00; stroke-width: 18px; }
</style>
<circle class="circle" cy="45" cx="390" r="1" />
</svg>
Run Code Online (Sandbox Code Playgroud)
有没有办法如何强制铬填充像Firefox一样的圈子?
注意:我知道正确的解决方案在于"r"属性,但我想绘制圆宽"stroke-width"属性,因为它可以由css设置.在我的应用程序中,有很多圈子,我需要更改它们的大小和更改CSS属性比更改循环中每个圆圈的"r"属性要快得多.