内部带有空方块的多边形的最小 svg 定义

Minimal svg definition of a polygon with empty squares inside

我在 svg 中搜索平方数“8”的最简单定义,如下图所示(内部为黑色)。

我想到的方法是填充多个多边形(最小值是 1 个黑色矩形和 2 个白色正方形)。有没有办法用一个命令定义它,指定所有的顶点?

更新:顺便说一句,目的是从像这样的 svg 文件创建字体。

您可以在单个路径元素中重叠多个路径,并使用填充规则 "evenodd" 交叉区域将被裁剪。像这样:

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
  <path stroke-width="0" d="M20,20 h20 v35 h-20z M25,25 h10 v10 h-10z M25,40 h10 v10 h-10z" fill-rule="evenodd" />
</svg>

这里有一个 link 解释了它是如何工作的。