在SVG中绘制无效形状
问题描述:
我想在SVG中绘制一个中心挖空的形状。 我问这个问题,在中间用圆圈画一个圆圈here。 我想在SVG中绘制任何形状,并将中间(另一个形状)挖空。 任何想法?在SVG中绘制无效形状
我想它可以通过面具或ClipPaths是可能的,但我不知道如果我理解他们完全
答
的路径,它由两个子路径创建你的形状。第一个子路径描述你的外形;第二个子路径描述内部形状。将路径的填充规则设置为'evenodd'。
例如对于一个镂空的矩形,我们制作一条由两条子路径组成的路径。一个用于外部矩形;一个用于内部矩形:
<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>
+0
由于该完美工作:-) – luketorjussen
参见http://*.com/questions/3742479/how-to-cut-a-hole-in-an-svg-rectangle –