【问题标题】:Create a rounded SVG rectangle with multiple borders?创建一个带有多个边框的圆角 SVG 矩形?
【发布时间】:2011-08-10 14:19:36
【问题描述】:

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

所以我可以创建一个带有黑色描边的 [Border],并在其中有另一个边框,该边框具有白色描边和绿色填充。

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

如何在 SVG 中创建它?

【问题讨论】:

    标签: svg


    【解决方案1】:

    您需要多条路径。在这种特殊情况下,您可以通过两次使用相同的路径来“作弊”,下部路径的边界较大,出现在上部对象的“外部”;一般来说,如果你想要这种行为,你需要创建带有偏移的路径。

    【讨论】:

    • <use> 元素可以帮助解决这个问题,因此您不需要重复太多路径,只需使用不同的“笔画宽度”即可。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-09-28
    • 2012-08-20
    • 2015-05-06
    • 2018-10-09
    • 2018-02-03
    • 2019-09-09
    • 1970-01-01
    相关资源
    最近更新 更多