SVG stroke-linecap不適用於Firefox中的圈子嗎？

Question

我有一個svg stroke-linecap屬性的問題。我在AngularJS中有一個圓形的進度條，我想設置外部圓圈（藍色），以便有一個圓形的「結束」。看看這個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> 

我該怎麼做？

Answer 1

這是從Firefox 45開始的fixed。