6
Ho un problema con l'attributo stroke-linecap di svg. Ho una barra di avanzamento circolare in AngularJS e vorrei impostare il cerchio esterno (quello blu) per avere "estremità" arrotondate. Guarda questo fiddle.La traccia-linea SVG non funziona per le cerchie in Firefox?
<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>
Come posso farlo?
Ha estremità arrotondate su Chrome. – Harry
Ma non in Mozilla. Interessante. –
Sì, sto sviluppando il sito Web in Firefox e non ci sono le estremità arrotondate :( – user3216673