无法使用 svg.draw.js 绘制路径
cant draw a path using svg.draw.js
我正在使用 svg.js and 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() 函数,您将能够通过鼠标创建多段线。对于演示转到此 link.
问题: 现在您看到通过添加 draw()
我们可以通过单击鼠标创建所有 svg elements。通过使用相同的策略,我想做自由手绘。我正在为它使用 path svg 元素,但它对我不起作用。
draw.path().stroke({color:'blue'}).draw()
上面一行给出了这个错误:
如果 svg.draw.js 支持矩形 (draw.rect()
)、折线 (draw.polyline()
) 等,那为什么不支持路径呢?我想创建类似 this 的内容,但此免费手绘片段位于 d3.js
我想使用 svg.draw.js 来完成。任何帮助将不胜感激。
正如您提到的使用此库,您只能通过鼠标绘制线条、矩形或圆形等。 svg.draw.js
不要 有任何类似 Draw.path()
的东西。
我正在使用 svg.js and 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() 函数,您将能够通过鼠标创建多段线。对于演示转到此 link.
问题: 现在您看到通过添加 draw()
我们可以通过单击鼠标创建所有 svg elements。通过使用相同的策略,我想做自由手绘。我正在为它使用 path svg 元素,但它对我不起作用。
draw.path().stroke({color:'blue'}).draw()
上面一行给出了这个错误:
如果 svg.draw.js 支持矩形 (draw.rect()
)、折线 (draw.polyline()
) 等,那为什么不支持路径呢?我想创建类似 this 的内容,但此免费手绘片段位于 d3.js
我想使用 svg.draw.js 来完成。任何帮助将不胜感激。
正如您提到的使用此库,您只能通过鼠标绘制线条、矩形或圆形等。 svg.draw.js
不要 有任何类似 Draw.path()
的东西。