如何使用fabric.js在canvas上绘制一条线

我正在使用fabric.js在canvas上绘制一条线。 这是我的代码，但我没有得到任何输出：

$("#Line").click(function() { // alert("Line"); canvas.add(new fabric.Line([50, 100, 200, 200], { left: 170, top: 150, fill: 'red' })); }); 

Answer 1

简单的更改：您无法在fabric.js中fill颜色的线条。 你必须使用颜色stroke代替。

在下面的片段中fill:'red'替换为stroke:'red' 。

 $("#Line").click(function () { // alert("Line"); canvas.add(new fabric.Line([50, 100, 200, 200], { left: 170, top: 150, stroke: 'red' })); });