如何在 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)

How to use svg.js on Observable notebook