jQuery 如何使用fabric.js在画布上画一条线
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/18835580/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to draw a line on a canvas using fabric.js
提问by Sanjay Nakate
I am using fabric.js to draw a line on a canvas. This is my code, but I'm not getting any output:
我正在使用 fabric.js 在画布上画一条线。这是我的代码，但我没有得到任何输出：
$("#Line").click(function() {
// alert("Line");
canvas.add(new fabric.Line([50, 100, 200, 200], {
left: 170,
top: 150,
fill: 'red'
}));
});
回答by Sanjay Nakate
Simple change: You can't filla line with a color in fabric.js. You have to use strokewith a color instead.
简单的改变：你不能fill在fabric.js 中使用带有颜色的线条。您必须使用stroke颜色来代替。
In the snippet below fill:'red'is replaced with stroke:'red'.
在下面的代码段中fill:'red'替换为stroke:'red'.
$("#Line").click(function () {
// alert("Line");
canvas.add(new fabric.Line([50, 100, 200, 200], {
left: 170,
top: 150,
stroke: 'red'
}));
});
