How to use Snap.svg with Angular v4.0 (error: circle is not a function)

How to use Snap.svg with Angular v4.0 (error: circle is not a function)

我不知道如何将 Snap.svg 与 Angular v4.0 一起使用,所以我阅读了 post。我尝试了@moeabdol (npm install ..., scripts: ..., declare ..., s.circle(...)) 的解决方案,但出现以下错误:

ERROR TypeError: s.circle is not a function

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

为什么 s.circle 对我不起作用?

确保您在 svg 而不是 div 上绘图。我也犯了这个错误。

在你的 HTML 中: <svg id="editor-canvas"></svg>

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