snap.svg - 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 中。