How to get SVG.JS 3.0.+ working with svgdom and node.js

Question

SVG.js 3.0.5 has been released and i wanted to update my nodejs app, which is generating svgs using the library from 2.7 to 3.0.5.

To run this library with node.js you need to use svgdom (https://github.com/svgdotjs/svgdom)

The problem here is that the constructor changed and i can't figure out how to use it with node.js.

//previous method to initialize svgjs 2.7
const svgWindow   = require('svgdom');
const SVGJS = require("svg.js")(svgWindow);

//with version 3.0.5 the package name changed
const svgWindow = require("svgdom");
const SVGJS = require("@svgdotjs/svg.js");

SVGJS(svgWindow); //is not a function error

score 1 · Accepted Answer · answered Jan 09 '19 at 09:05

1

I went through the source code and it looks like this should work

const window = require("svgdom");
const SVG = require("@svgdotjs/svg.js");

SVG.registerWindow(window, window.document);

answered Jan 09 '19 at 09:05

Tomas Bruckner

718
2
10
22

I am seeing `registerWindow is not a function` error. Also seems like TypeScript definitions provided with svg.js don't contain this as well. – Sergei Basharov Apr 09 '19 at 10:02
@SergeiBasharov what is your version of svg.js? It is now included in official documentation (see https://github.com/svgdotjs/svgdom#get-started-with-svgjs-v30) – Tomas Bruckner Apr 09 '19 at 15:11

score 0 · Answer 2 · answered Jan 12 '19 at 23:57

I updated the readme so that it reflects the new use better:

npm install @svgdotjs/svg.js svgdom

// returns a window with a document and an svg root node
const window = require('../svgdom')
const document = window.document
const {SVG, registerWindow} = require('@svgdotjs/svg.js')

// register window and document
registerWindow(window , window.document)

// create canvas
const canvas = SVG(document.documentElement)

// use svg.js as normal
canvas.rect(100,100).fill('yellow').move(50,50)

// get your svg as string
console.log(canvas.svg())
// or
console.log(canvas.node.outerHTML)

Please note, that svg.js v3 does not export this big object anymore. Instead you have to require the functions you need. More information in the readme: https://github.com/svgdotjs/svgdom

How to get SVG.JS 3.0.+ working with svgdom and node.js

2 Answers2