带有 NodeJS 和 Typescript 的服务器端 SVG 生成器

Question

我正在寻找一种通过NodeJS创建svg的方法& &;服务器上的Typescript。我尝试使用D3.js和JSDOM，但在导入D3.js时，我遇到了ERR_REQUIRE_ESM错误。有人有另一种方法来解决这个问题，或者一个片段?

Answer 1

pug中生成SVG元素/文档的示例。静态数组可以被一个对象或带有数据的数组所取代。

svgtemplate.pug:

svg(xmlns="http://www.w3.org/2000/svg",viewBox="0 0 100 100")
rect(width="100", height="100", fill="blue")
each c in [{r:50,fill:"red"},{r:20,fill:"orange"}]
circle(cx="50", cy="50", r=c.r, fill=c.fill)

JavaScript:

var pug = require('pug');
var svgdoc = pug.compileFileClient('/svgtemplate.pug', {title: "Test"});