svg - 实现多个剪辑路径相交的正确方法是什么？

Question

如 another post 中所述，我正在尝试从 PDF 中的矢量图形命令重新创建 SVG，但我在需要与一组剪辑路径相交的部分遇到了一些困难。例如，raw SVG第 16 行有一些剪辑路径元素需要相交并应用于矩形填充(第 17 行)以获得如下所示的内容: .

我不清楚在 SVG 中实现多个剪辑路径相交的正确和最佳方法。除了 this one，我无法在网上找到很多关于此的信息，我想出了 this SVG我在其中引入了一系列额外的 clipPath 元素，这些元素尝试将当前交集与下一个要添加到交集的原始 clipPath 相交。这种方法对我来说似乎相当不优雅。此外，尽管 SVG 在 Firefox 5、Chrome 和 IE 上呈现预期结果，但它似乎不适用于某些版本的 Firefox (ESR 17.x)。 SVG有问题吗？或者即使它是正确的，是否有更简单/更好的方法来实现交集？

Answer 1

您完成它的方式看起来很合理。有一个 w3c example在测试套件中。