【发布时间】:2011-08-10 14:19:36
【问题描述】:
在 XAML 中有 [Border] 对象的概念,其行为与 SVG 矩形非常相似,只是 XAML [Border] 可以包含子元素。
所以我可以创建一个带有黑色描边的 [Border],并在其中有另一个边框,该边框具有白色描边和绿色填充。
这给出了一个带有黑色边框和内部白色边框的单个矩形的外观。
如何在 SVG 中创建它?
【问题讨论】:
标签: svg
在 XAML 中有 [Border] 对象的概念,其行为与 SVG 矩形非常相似,只是 XAML [Border] 可以包含子元素。
所以我可以创建一个带有黑色描边的 [Border],并在其中有另一个边框,该边框具有白色描边和绿色填充。
这给出了一个带有黑色边框和内部白色边框的单个矩形的外观。
如何在 SVG 中创建它?
【问题讨论】:
标签: svg
您需要多条路径。在这种特殊情况下,您可以通过两次使用相同的路径来“作弊”,下部路径的边界较大,出现在上部对象的“外部”;一般来说,如果你想要这种行为,你需要创建带有偏移的路径。
【讨论】:
<use> 元素可以帮助解决这个问题,因此您不需要重复太多路径,只需使用不同的“笔画宽度”即可。