Snap是否适用于模板

Question

index.html文件如下：此HTML使用Handlebars编译

<div id="svg"></div>

index.js文件如下：

var s = Snap("#svg");
var bigCircle = s.circle(150, 150, 100);

当我执行我的代码时。它向我显示以下错误：

TypeError: s.circle is not a function

Answer 1

您的问题是您尝试将Snap附加到div元素而不是SVG元素。

尝试更改

<div id="svg"></div> 

到

<svg id="svg"></svg> 

你总是可以将svg放在div中。