Html 当通过组放置在画布上时，线条具有不同的笔划宽度

为什么下面的代码

var canvas = new fabric.Canvas('c');

var line = new fabric.Line([100, 50, 100, 100], {
  stroke: 'black',
  strokeWidth: 1
});
canvas.add(line);

var groupLine = new fabric.Line([100, 50, 100, 100], {});
var group = new fabric.Group([groupLine], {
  top: 50,
  left: 200,
  stroke: 'black',
  strokeWidth: 1
});
canvas.add(group);

结果是两条不同宽度的线

---

两行具有相同的

笔划宽度，唯一的区别是其中一行是通过
组
对象添加的。
看起来您正在将笔划应用于整个组。试试这个：

var groupLine = new fabric.Line([150, 50, 150, 100], {
  stroke: 'black', 
  strokeWidth: 1
});
var group = new fabric.Group([groupLine], {});

看起来您正在将笔划应用于整个组。试试这个：

var groupLine = new fabric.Line([150, 50, 150, 100], {
  stroke: 'black', 
  strokeWidth: 1
});
var group = new fabric.Group([groupLine], {});

听起来仍然奇怪，在组中添加strokeWidth确实会更改线的1，但不会更改为1。是的，看起来像是结构中的一个小错误。听起来仍然奇怪，在组中添加strokeWidth确实会更改线的1，但不会更改为1。是的，看起来像是结构中的一个小错误。