用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等标准上。