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

Question

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

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

Answer 1

你做的方式合情合理。在测试套件中有一个w3c example。