首页 文章

SVG stroke-linecap对Firefox中的圆圈不起作用？

提问于
浏览 次
6

我在AngularJS中获得了循环进度条，我想将外圆（蓝色圆圈）设置为圆形"ends" . 看看这个fiddle .

<svg ... height="130" width="130">
<!-- ngIf: background -->
<circle ... 
    ng-if="background" 
    fill="#fff" 
    class="ng-scope" 
    stroke-width="13" 
    stroke="#cc3399" 
    r="57.5" 
    cy="65" 
    cx="65" 
    stroke-linecap="round" 
/>
<!-- end ngIf: background -->
<circle ... 
    fill="none" 
    stroke-dashoffset="36.12831551628261" 
    stroke-dasharray="361.28315516282623" 
    stroke-width="13" 
    stroke="#432db3" 
    stroke-linecap="round" 
    r="57.5" 
    cy="65" 
    cx="65" 
    transform="rotate(-89.9, 65, 65)"
/>
</svg>

我怎样才能做到这一点？

firefox svg

1 回答

  • 1

    这是从Firefox 45开始的fixed .

    回复于

相关问题