元素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 ver 0.3.0，因为我认为旧版本中存在defs的错误。

我还为Snap的这个here做了一个页面，这可能有助于在其他地方看到它的使用。