小编Joh*_*ard的帖子

将D3.JS示例"bullet.html"保存到SVG

我正在使用D3.JS网站上的子弹图示例http://bl.ocks.org/4061961:

在此输入图像描述

我的目标是将子弹图本身保存为SVG文件,以便在Inkscape中进行编辑.使用带有phantom.js的rasterize.js示例,我能够修改代码,将子弹图保存为PNG文件,并以编程方式提取SVG代码并将其保存到文件中.下面是修改后的rasterize.js文件,用于保存SVG代码:

var page = require('webpage').create(), address, output, size;


if (phantom.args.length < 2 || phantom.args.length > 3) {
    console.log('Usage: rasterize.js URL filename');
    phantom.exit();
} else {
    address = phantom.args[0];
    output = phantom.args[1];
    page.open(address, function (status) {
        if (status !== 'success') {
            console.log('Unable to load the address!');
        } else {
            window.setTimeout(function () {
                page.render(output);
                var results = page.evaluate(function(){
                   return document.getElementById('chart').innerHTML
                })
            console.log(results);
            phantom.exit();
        }, 200);
    }
});
}
Run Code Online (Sandbox Code Playgroud)

上面的JS存储在"rasterize.js"中,并在命令行上提供给phantomjs.exe以创建SVG和PNG文件.

> phantomjs.exe rasterize.js bullet.html bullet.png > bullet.svg
Run Code Online (Sandbox Code Playgroud)

以下是存储在GIST上的"bullet.svg"文件的链接:https://raw.github.com/gist/4178632/08396404f40210a801ef36aeee526d9f128952a8/bullets.svg …

svg phantomjs d3.js bullet-chart

7
推荐指数
1
解决办法
1569
查看次数

在输出中显示<< .. >> =

我想在LaTeX文档中演示一个带有knitr << .. >> = preamble的R代码示例.这是我想要的输出示例:

剪断-的码

它必须简单 - 但我错过了一些东西.我检查了文档并扫描了堆栈溢出 - 但没有运气.这是一个MWE:

    \documentclass{article}
    \begin{document}
    <<mychunk, cache=TRUE, eval=FALSE, dpi=100>>=
    "hello world" 
    @
    \end{document}
Run Code Online (Sandbox Code Playgroud)

建议?我尝试在LaTex中缩进代码并将其包装在一个verbatim块中,但只是出错.

r knitr

5
推荐指数
1
解决办法
168
查看次数

标签 统计

bullet-chart ×1

d3.js ×1

knitr ×1

phantomjs ×1

r ×1

svg ×1