node.js - Snap.svg 可以仅在服务器端与 Node.js 一起使用吗？ (不是通过浏览器)

Question

我需要仅使用一些服务器端代码(例如 cron 作业)来创建和操作一些 SVG，但我想知道在这种情况下是否可以使用 Snap.svg，因为它不包含在网页中。

如果没有在浏览器中运行 Snap.svg，这是否可行？

Answer 1

您可以使用 jsdom模拟浏览器环境并在 Node.js 中本地运行 Snap.svg。

例子:

const jsdom = require('jsdom');
const xmlserializer = require('xmlserializer');

jsdom.env('', [require.resolve('snapsvg')], (error, window) => {
    if (error) throw error;

    const paper = window.Snap(100, 100);

    const rect = paper.rect(20, 20, 60, 60);
    rect.attr({fill: 'red'});

    const svg = xmlserializer.serializeToString(paper.node);
    window.close();

    console.log(svg);
});

打印:

<svg height="100" version="1.1" width="100" xmlns="http://www.w3.org/2000/svg"><desc>Created with Snap</desc><defs/><rect x="20" y="20" width="60" height="60" style="" fill="#ff0000"/></svg>