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を使用する必要があります。

以下のスニペットでは、fill:'red'はstroke:'red'に置き換えられています。

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