元素 toDefs 并与 Snap.svg 一起使用

Question

我不知道如何在 <defs> 和 use 在 svg 中创建元素。

我尝试类似：

var s = Snap('#drawing');
var c1 = s.circle(ww / 2, wh / 2, 100).attr('id','c1').toDefs(); // in <defs>

之后

var cc = c1.use(); // in defs not in svg root

Answer 1

这应该可以，我刚刚也添加了，这是一个例子......

var s = Snap(800,800);

var c1 = s.circle(100,100, 100).attr('id','c1').toDefs(); // in <defs>
var cc = s.append( c1.use() );

test link

确保您还拥有最新的 snap 版本 0.3.0，因为我认为旧版本中的 defs 存在错误。

不久前，我还为 Snap 的 here 做了一个页面，这可能有助于了解它在其他地方的使用情况。