ラインが異なるstrokeWidthを有する

Question

なぜ異なる幅を有する2つの行で、次のコード

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], {});