đúp màu đột quỵ của vòng tròn trong svg

Question

đây là cách tôi đã làm tròn chỉ với đột quỵ và không có điền

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

• Tôi muốn đột quỵ tăng gấp đôi.

Answer 1

Đáng buồn thay, bạn không thể đặt SVG có đột quỵ kép, chỉ có nét đứt hoặc nét đứt.

Thay vào đó, chỉ cần tạo một phần tử chính xác như nhau nhưng giảm kích thước/bán kính của nó theo nhiều thứ bạn yêu cầu.

.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>