snap.svg - snap.svg 中的复合路径

Question

如何在 snap.svg 中创建复合路径？一个简单的例子是两个同心圆，它们创建一个“甜甜圈”形状。有没有一种将这两个圆圈组合成复合路径的好方法？

Answer 1

查看如何在 Raphael 中使用路径实现“甜甜圈洞”，我已将接受的答案转换为 Snap.svg。

var d = s.path("M 50 50 L 50 150 L 150 150 L 150 50 z" +
          " M 75 75 L 125 75 L 125 125 L 75 125 z")
d.attr({"fill": "#f00"})

Answer 2

如果您有两个路径作为 string1 和 string2，您可以尝试类似...

var paths = s.path([string1,string2]);