如何在html5画布中绘制Fabric js strokeRect？

Question

我正在使用html5 canvas库Fabric js绘制形状：

代码： canvas.add(new fabric.Rect({top: 100, left: 100, width: 50, height: 50, fill: 'empty', stroke: 'white', strokeWidth: 1}));

但它在中间区域填充黑色，我不想要。 我想在html5 canvas中使用strokeRect这样的功能。 有什么建议吗？

Answer 1

使用transparent代替empty到fill矩形。

样品：

canvas.add(new fabric.Rect({top: 100,
    left: 100,
    width: 50,
    height: 50,
    fill: 'transparent',
    stroke: 'white',
    strokeWidth: 1
}));

Answer 2

canvas.add(new fabric.Rect({ top : 100, left : 100, width : 50, height : 50, fill : '', stroke : 'white', strokeWidth : 1 }));