无法使用svg.draw.js绘制路径

我正在使用 svg.js 和 svg.draw.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。这很容易,我们只需要包括 绘制() 上述代码段末尾的此扩展的函数。此外,我们不必在 绘制.多段线()

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

通过包括svg.draw。js library和draw()函数。最后,您可以用鼠标创建多段线。对于演示转到此 link

问题: 现在你可以通过添加 draw() svg elements 通过鼠标点击。通过使用相同的策略,我想 .我正在使用 路径 svg元素,但它不适合我。

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

如果svg.draw。js支持矩形( draw.rect() ),多段线( draw.polyline() this d3.js