Canvas JSON в SVG с использованием Node

Ниже приведены шаги/процедура для преобразования Fabric json в SVG/PDF с использованием скрипта NODE js без использования браузера.

  1. Добавьте следующие пакеты модулей узлов в package.json.
    npm установить холст @ 1.6.13, ткань @ 2.6, jsdom @ 9.12.0

  2. Загрузите модули узла в js

var fs = require('fs'),
    fabric = require('fabric').fabric,
    out = fs.createWriteStream(__dirname + '/output.png');
  1. Чтение ткани js canvas json из локального каталога
let jsonstr = fs.readFileSync(__dirname + '/templates/8.json', 'utf-8');
let json = JSON.parse(jsonstr);
  1. Создать статический холст
var canvas = new fabric.StaticCanvas(null, { width: wh.width, height: wh.height });
  1. Загрузите json в холст и преобразуйте его в svg.
canvas.loadFromJSON(json, function() {

  //first render
  canvas.renderAll.bind(canvas);

  //save the canvas as SVG in server
  var svgoutput = canvas.toSVG();
  fs.writeFile("output.svg", svgoutput, function(err) {
    if (err) throw err;
  });
});

Другие функции, которые можно добавить, — это SVG в PDF с использованием модуля svg-to-pdfkit.
Ссылки json,
http://kpomservices.com/canvas2svg/templates/8.json
преобразованные svg, png, pdf
http://kpomservices.com/canvas2svg/output.svg
http://kpomservices.com/canvas2svg/output.pdf
http://kpomservices.com/canvas2svg/output.png

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *