在 Node.js 中使用人力车/D3，用于服务器端，原始 svg 可访问

我正在尝试在 Node 中使用 D3 和人力车。该服务必须创建时序图，然后使用运行 imagemagic 的子进程将原始 SVG 转换为 png。我真的只需要一个原始的 svg 字符串来进行转换。 人力车有没有办法访问原始 SVG 字符串？

> Rickshaw 在内部使用 d3，您可以像在真正的 DOM 中一样获取 SVG 字符串：

var Rickshaw = require('rickshaw'),
    jsdom = require('jsdom');
jsdom.env({
    features: { QuerySelector: true },
    html: '<html><body><div id="graph"></div></body></html>',
    done: function (err, window) {
        this.window = window;
        this.document = window.document;
        // classListShim(window.self); // <-- see comment below
        var graph = new Rickshaw.Graph({
            series: [ { data: [ { x: 0, y: 2 }, { x: 1, y: 4 }] } ],
            renderer: 'area',
            element: window.document.querySelector('#graph')
        });
        graph.render();
        // This will output the `svg` element in HTML format.
        console.log(window.document.querySelector('#graph').innerHTML);
    }
});

但是，由于当前jsdom不支持classList，因此需要使用应用于window.self的classList填充程序。

完整代码：https://gist.github.com/musically-ut/9154438

相关内容

最新更新

热门标签：