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 中。