如何在SVG中绘制带剥离边框的圆？

如何在SVG中绘制带剥离边框的圆。像附加图像之类的东西

---

有必要使用的

行程dasharray

将圆划分为8个部分

• 半径为20的圆周为

  2*3.14*20=125.6

• 分成8个部分，得到圆的4个扇区，每个扇区 将有一行和一个空格-

  125.6/8=15.7

stroke dasharray=“15.7，15.7”

，其中第一个值是短划线的长度，第二个值是空格

---

有必要使用的

行程dasharray

将圆划分为8个部分

• 半径为20的圆周为

  2*3.14*20=125.6

• 分成8个部分，得到圆的4个扇区，每个扇区 将有一行和一个空格-

  125.6/8=15.7

stroke dasharray=“15.7，15.7”

，其中第一个值是短划线的长度，第二个值是空格

@egm需要更多的例子和更详细的解释吗？在半径为

r=20的圆中，路径的总长度为
2*Math.PI*20
。所以，如果你需要8个破折号（黑色）和8个间隙，你需要做2*Math.PI*20/16=7.85。因此，请使用
stroke dasharray=“7.85”
@enxaneta感谢您的澄清。我将进行更改，破折号高度将是笔划宽度。因此，您可以设置笔划宽度=半径/5如何使虚线之间的间隙用白色填充而不是透明：在虚线下方绘制另一个具有白色边框和相同笔划宽度的圆one@EgyEast需要更多的例子和更详细的解释吗？在半径为
r=20的圆圈中路径是
2*Math.PI*20
。所以，如果你需要8个破折号（黑色）和8个间隙，你需要做2*Math.PI*20/16=7.85。因此，请使用
stroke dasharray=“7.85”
@enxaneta感谢您的澄清。我将进行更改，破折号高度将是笔划宽度。因此，您可以设置笔划宽度=半径/5如何使虚线之间的间隙用白色填充，而不是透明：在虚线下方绘制另一个具有白色边框和相同笔划宽度的圆