Как нарисовать линию на холсте с помощью fabric.js

Я использую fabric.js для рисования линии на холсте. Это мой код, но я не получаю никакого вывода:

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

Ответ 1

Простое изменение: вы не можете fill строку с цветом в fabric.js. Вы должны использовать 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'
    }));
});