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

thigvfpy  于 2022-11-12  发布在  TypeScript
关注(0)|答案(1)|浏览(135)

我正在寻找一种通过服务器上的NodeJS和Typescript创建SVG的方法。我尝试将D3.jsJSDOM一起使用,但在导入D3.js时遇到了ERR_REQUIRE_ESM错误。有人有其他方法来解决这个问题吗?或者是一个代码片段?

p4tfgftt

p4tfgftt1#

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"});

相关问题