Doppio colore del tratto di cerchio in SVG

Question

questo è come ho fatto cerchio con solo ictus e nessun riempimento

fill: none !important; 
stroke-width: 1px; 

• voglio doppia corsa.

Answer 1

Purtroppo, non è possibile impostare un SVG per ottenere un doppio tratto, solo un tratto tratteggiato o solido.

Invece, è sufficiente creare un elemento esattamente uguale ma ridurre la dimensione/raggio di esso per quanto tanto richiesto.

.circle { 
 
    fill: none; 
 
    stroke: black; 
 
}

<svg height="100" width="100"> 
 
    <circle class="circle" cx="50" cy="50" r="40" stroke-width="1" /> 
 
    <circle class="circle" cx="50" cy="50" r="38" stroke-width="1" /> 
 
</svg>