は、svg.draw.jsを使用してパスを描きません

Question

私はsvg.jsとsvg.draw.jsを使って非常に簡単な設計ツールを作っています。このツールでは、線、ポリライン、長方形、フリーハンド描画を使って簡単なデザインを作成します。 svg.draw.jsはsvg.jsの拡張で、マウスで要素を描くことができます。

ここでは非常に簡単な例を見てみましょう。我々はsvg.jsを使用して（たとえば、ポリラインなど）任意の形状を作りたい場合は、我々は単に次のように実行します。マウスでこのポリラインを描画するには

var draw = SVG('drawing').size(300, 300) 
 
draw.polyline('0,0 100,50 50,100').fill('none').stroke({color:'blue'})

<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.3/svg.js"></script> 
 
<div id="drawing"> 
 
</div>

、私はsvg.drawを使用しました.js。その非常に簡単な、我々はdraw（）上記のスニペットの最後にこの拡張機能を含める必要があります。また、draw.polyline（）関数でも引数を指定する必要はありません。

var draw = SVG('drawing').size(300, 300); 
draw.polyline().fill('none').stroke({color:'blue'}).draw() 

最後にsvg.draw.jsライブラリとdraw（）関数を組み込むことで、マウスでポリラインを作成することができます。デモgotoについてはlinkです。

問題：これで、draw()を追加すると、svg elementsをすべてマウスクリックで作成できることがわかりました。同じ戦術を使って、私はしたいフリーハンドドローイング。私はパス svg要素を使用していますが、それは私のために働いていません。

draw.path().stroke({color:'blue'}).draw() 

上の行は、このエラーを与えている：

svg.draw.jsが長方形（draw.rect()）、ポリライン（draw.polyline()）等なぜないパスをサポートしていますか？ thisのようなものを作成したいと思いますが、この無料の手描きスニペットはd3.js にあります。私はsvg.draw.js.どんな助けでも大歓迎です。

Answer 1

このライブラリを使用して説明したように、マウスで線、矩形または円などを描くことができます。 svg.draw.jsにはDraw.path()のようなものはありません。