用Javascript生成SVG路徑的庫？

Question

我爲我的SVG渲染需求使用Raphaël。但是我發現Path語法有點低級。

因此，沒有人知道Javascript的一個很好的包裝/庫，允許這樣的事情：

var pathStr = move (10, 10).draw (5, 5) 
var path = paper.path(pathStr) 

Answer 1

它可能不是100％完成，但是這看起來有點像你在找什麼：

https://github.com/DmitryBaranovskiy/raphael/blob/cuttingedge/plugins/raphael.path.methods.js

Answer 2

我強烈建議d3.js。

創建表示六邊形和移動它在每個方向10px的一個路徑是如此簡單：

var svg = d3.select('body') 
    .append('svg:svg') 
    .attr('width', 1000) 
    .attr('height', 1000); 

svg.append('svg:path') 
    .attr('d', 'M' + [ 
     [850, 75], [958, 137.5], [958, 262.5], 
     [850, 325], [742, 262.6], [742, 137.5] 
    ].join('L') + 'Z') 
    .attr('transform', 'translate(10, 10)'); 

它使用緊密合作，以那些jQuery中發現的選擇器。

引用作者：

D3不提供新的圖形表示，不同處理，拉斐爾，或Protovis，有標記的學習沒有新的詞彙。相反，你直接建立在諸如CSS3，HTML5和SVG等標準上。