创建一个带有多个边框的圆角SVG矩形？

Question

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

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

这给出了一个带有黑色边框和单个矩形的外观。然后是一个内在的白色边框。

如何在SVG中创建它？

Answer 1

您需要多条路径。在这种特殊情况下，您可以通过两次相同的路径来“欺骗”，较低的路径具有较大的边界，该边界显示在上方对象的“外部”;通常，如果您想要这种行为，则需要创建具有偏移的路径。