如何在Angular v4.0中使用Snap.svg（错误：circle不是函数）

Question

我不知道如何在Angular v4.0中使用Snap.svg，所以我读了this帖子。我尝试了@moeabdol（npm install ...，scripts: ...，declare ...，s.circle(...)）的解决方案，但出现以下错误：< / p>

  

错误TypeError：s.circle不是函数

但是，我可以使用Snap.load(...)加载外部SVG。

s.circle为什么不为我工作？

Answer 1

请确保您使用的是svg，而不是div。我也犯了这个错误。

在您的HTML中： <svg id="editor-canvas"></svg>

在您的组件中： const s = Snap("#editor-canvas"); const c = s.circle(100, 100, 100);