javascript - 如何在 Observable notebook 上使用 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)