如何使用fabric.js在画布上绘制一条线 [英] How to draw a line on a canvas using fabric.js

问题描述

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

I am using fabric.js to draw a line on a canvas. This is my code, but I'm not getting any output:

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

推荐答案

简单的改变：你不能填充 fabric.js中带有颜色的行。您必须使用带颜色的笔划。

Simple change: You can't fill a line with a color in fabric.js. You have to use stroke with a color instead.

在下面的代码段中填写： 'red'替换为 stroke：'red'。

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

这篇关于如何使用fabric.js在画布上绘制一条线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！