javascript - 具有多种颜色的 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 的迁移非常简单，几乎不需要修改。