SVG 中带孔的多边形

Answer 1

1. 我正在将多音转换为路径。为此，我将

points

属性更改为

d

属性。另外，我在值字符串的开头添加了 M 命令。这已经足够了，尽管我会为线条添加 L 命令。

2. 我连接了两条路径的 d 属性。在这种情况下，它将创建一个洞，因为路径的第二部分（在第二个 M 命令之后）是沿相反方向绘制的（一个矩形顺时针绘制，另一个逆时针绘制）。在其他情况下，您可能需要添加

 fill-rule="evenodd"

到路径。

请阅读fill-rule属性

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="100%" height="100%"
  viewBox="12 52 3 3"
  stroke-width="0.00250">
  <path fill="black" fill-opacity=".1" stroke="grey" stroke-width="0.002"
    stroke-linecap="square"
    stroke-linejoin="miter"
    d="M12.669,52.749 12.669,52.075 14.391,52.075 14.391,52.749 12.669,52.749
    M14.179,52.626 14.179,52.336 13.515,52.336 13.515,52.626 14.179,52.626"/>   

</svg>