具有不同笔划宽度的SVG填充规则剪切

具有不同笔划宽度的SVG填充规则剪切,svg,fill,Svg,Fill,我想从另一个圆中切出一个圆,如SVG规范中最右边的两个例子。但我希望外圈的笔划宽度与内圈不同,更粗。我无法通过将两个圆保持在相同的路径定义中来解决这个问题。但是,如果我将这两个圆分成不同的路径标记,填充规则减法将不起作用。有什么可能的解决办法吗?我不愿意用较暗的线条覆盖,因为在我的用例中,外圆实际上是一个更复杂的形状,我不想定义两次。仅用一条路径无法做到这一点 您需要使用第二条路径(带有笔划但没有填充),以添加两个笔划中较粗的笔划 谢谢。我很害怕。不幸的是,较粗的线条是复杂的,这将增加svg的

我想从另一个圆中切出一个圆,如SVG规范中最右边的两个例子。但我希望外圈的笔划宽度与内圈不同,更粗。我无法通过将两个圆保持在相同的路径定义中来解决这个问题。但是,如果我将这两个圆分成不同的路径标记,填充规则减法将不起作用。有什么可能的解决办法吗?我不愿意用较暗的线条覆盖,因为在我的用例中,外圆实际上是一个更复杂的形状,我不想定义两次。

仅用一条路径无法做到这一点

您需要使用第二条路径(带有笔划但没有填充),以添加两个笔划中较粗的笔划


谢谢。我很害怕。不幸的是,较粗的线条是复杂的,这将增加svg的大小(它是一个图标,所以应该很小)。哦,好吧。