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などの標準で直接ビルドします。