如何使用 fabric.js 在画布上画一条线

Question

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

$("#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。

在sn-p下面的fill:'red'被stroke:'red'替换。

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