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

时间:2013-09-16 19:18:00

标签: jquery html5-canvas fabricjs

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

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

1 个答案:

答案 0 :(得分:29)

简单更改:您不能fill在fabric.js中使用颜色的行。您必须使用带有颜色的stroke

fill:'red'下方的代码段中,stroke:'red'替换为<{1}}。

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