使用javascript在線繪製SVG並在終端中

Question

我需要在線顯示一些數據，但我也希望有很好的繪圖作爲高分辨率文件進行打印。到目前爲止，我是以png生成圖，但現在我正在考慮將此更改爲Javascript。這主要是因爲我希望我的情節充滿活力。

WWW部分對我來說看起來相對容易;我會從AJAX的服務器抓取數據並在網頁上繪製 - 我認爲SVG對於我的需求來說是完美的。但是，我怎樣才能從終端運行腳本作爲參數獲取myplot.svg（這當然不會動態）文件，看起來像網頁上的情節？

理想情況下，我想有一個繪圖子程序，以避免重複的代碼，並保持兩個版本看起來一樣。

所以我的問題是我應該使用哪個框架來生成SVG，使終端變體變得簡單？

Answer 1

可以使用的ImageMagick的SVG轉換爲PNG：

ImageMagick convert svg to png

您可以從虛擬DOM中提取生成的SVG（使用相同的代碼，您的網頁上，也許就略有差異環境）當您使用Node.js和jsdom

正如在評論中提到的，我可以推薦D3.js - Data Driven Documents用於生成SVG的簡單方法。

Node.js和jsdom的替代方案可能是Phantom.js。

你的任務不是一件容易的事，但它是值得的。祝你好運！