在SVG中绘制空心形状

我想在SVG中画一个中心镂空的形状。 我问这个问题，在中间画一个圆。 我想在SVG中绘制任何中间（另一个形状的）镂空的形状。 有什么想法吗

---

我认为可以使用遮罩或剪贴画，但我不确定是否完全理解它们

将形状创建为路径，它由两个子路径组成。第一个子路径描述您的外部形状；第二个子路径描述内部形状。将路径的填充规则设置为“偶数奇数”

e、 对于镂空矩形，我们制作一条由两个子路径组成的路径。一个用于外部矩形；一个用于内部矩形：

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">

<path d="M 100 100 L 200 100 L 200 200 L 100 200 z
     M 110 110 L 190 110 L 190 190 L 110 190 z"
     fill="red"
     stroke="black" stroke-width="1"
     fill-rule="evenodd"/>

</svg>

参见