在SVG中绘制无效形状

我想在SVG中绘制一个中心挖空的形状。我问这个问题，在中间用圆圈画一个圆圈here。我想在SVG中绘制任何形状，并将中间（另一个形状）挖空。任何想法？在SVG中绘制无效形状

我想它可以通过面具或ClipPaths是可能的，但我不知道如果我理解他们完全

2011-11-20 luketorjussen

参见http://stackoverflow.com/questions/3742479/how-to-cut-a-hole-in-an-svg-rectangle –

的路径，它由两个子路径创建你的形状。第一个子路径描述你的外形;第二个子路径描述内部形状。将路径的填充规则设置为'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>

enter image description here

来源

2011-11-20 16:58:30 GarethOwen

由于该完美工作:-) – luketorjussen

在SVG中绘制无效形状

回答

相关问题