小编syl*_*r32的帖子

SVG - 笔划宽度的圆圈未填充铬

我正在尝试在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"属性要快得多.

css geometry svg

5
推荐指数
1
解决办法
1844
查看次数

标签 统计

css ×1

geometry ×1

svg ×1