行有不同strokeWidth

Question

爲什麼以下代碼

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); 

結果在兩行具有不同的寬度？

https://jsfiddle.net/pyoq5410/

兩條線都具有相同的strokeWidth，唯一的區別是，它們中的一個是通過Group對象添加。

Answer 1

看起來您正在將筆畫應用到整個組。試試這個：

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