css - svg 中圆的双描边颜色

Question

这就是我如何只用描边而没有填充的圆圈

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

• 我想要双冲程。

Answer 1

遗憾的是，您不能将 SVG 设置为双笔划，只能设置虚线或实线笔划。

相反，只需创建一个完全相同的元素，但根据需要减小它的大小/半径。

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