具有多种颜色的 Raphael.js 复合路径

Question

我有一个动画，其中几条路径以相同的方式转换。我想通过增加单个复合路径并仅应用一次转换来提高效率。问题是路径是不同的颜色。使用集合或数组将无济于事，因为它并不比使用单独的路径更有效。我该怎么做？

对于一组 paper.set(paper.path('M0,0 4,0 0,4z'),paper.path('M9,9 4,9 9,4z') );，一个等效的复合路径是 paper.path('M0,0 4,0 0,4z M9,9 4,9 9,4z');.

Answer 1

试试 Snap.svg。它是由 dimitri（创建 rephael 的人）在 Raphael 的同一引擎上构建的。它支持分组，这将为您提供所需的内容。从 Raphael 到 Snap.svg 的迁移非常简单，几乎不需要修改。