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

Question

几天前，我开始学习使用可观察。

我可以使用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？

请给我一些建议。

Answer 1

我用@svgdotjs/svg.js测试模块要求调试器，并最终找到解决方案

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