如何在可观察笔记本上使用svg.js

Question

几天前，我开始学习使用Observable。

我可以通过以下方式使用svg.js版本2.7.1

SVG = require("svg.js") // 2.7.1

但是当我尝试使用版本3.0.12时，这是行不通的。

SVG = require("svg.js@3.0.12")

错误是

SVG = rt: unable to load package.json

当我尝试通过url加载时：

SVG = require("https://cdnjs.cloudflare.com/ajax/libs/svg.js/3.0.12/svg.js")

也有错误。

SVG = rt: invalid module

是否可以将svg.js v3与Observable一起使用？

请提出一些建议。

Answer 1

我用Module require debugger测试了@svgdotjs/svg.js，最终找到了解决方法

SVG = (await import('https://unpkg.com/@svgdotjs/svg.js?module')).SVG
draw = SVG().addTo('#drawing').size('100%', 100)