创建具有多个边框的圆角 SVG 矩形？
在 XAML 中，存在 [Border] 对象的概念，其行为与 SVG 矩形非常相似，只是 XAML [Border] 可以包含子元素。
因此，我可以创建一个带有黑色描边的[边框]，其内部有另一个带有白色描边和绿色填充的边框。
这给出了带有黑色边框和黑色边框的单个矩形的外观。然后是内部白色边框。
如何在 SVG 中创建它？
In XAML there is the concept of a [Border] object that behaves much like an SVG rectangle except that a XAML [Border] can contain a child element.
So I could create a [Border] with a black stroke and inside it have another border that had a white stroke and a fill of Green.
This gives the the look of a single rectangle with both a black border & then an inner white border.
How can you create this in SVG?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
你需要多条路径。在这种特殊情况下，您可以通过两次使用相同的路径来“作弊”，其中较低的路径具有较大的边框，出现在上部对象的“外部”；一般来说，如果您想要这种行为，您将需要创建带有偏移的路径。
You need multiple paths. In this particular case you could 'cheat' by having the same path twice, with the lower path having a larger border that appears 'outside' the upper object; in general, though you will need to create paths with offsets if you want this behavior.