创建具有多个边框的圆形SVG矩形？

在XAML中有[Border]对象的概念，其行为与SVG矩形非常相似，只是XAML[Border]可以包含子元素

所以我可以创建一个带有黑色笔划的[边框]，里面有另一个边框，有白色笔划和绿色填充

这将提供一个既有黑色边框又有白色内边框的单个矩形的外观

---

如何在SVG中创建它？

您需要多个路径。在这种特殊情况下，您可以通过两次使用相同的路径来“欺骗”，较低的路径具有较大的边界，显示在较高对象的“外部”；一般来说，如果需要这种行为，您将需要创建带有偏移的路径。

一个

元素可以帮助实现这一点，因此您不需要重复太多路径，只需使用不同的“笔划宽度”。