javascript - 如何在 html5 Canvas 中绘制 Fabric js strokeRect？

Question

我正在使用 html5 Canvas 库 Fabric js 绘制形状:

代码:canvas.add(new fabric.Rect({top: 100,
左:100，
宽度:50，
高度:50，
填充:'空'，
中风:'白色'，
笔划宽度:1}));


但是它在我不想要的中间区域填充黑色。我想要 html5 canvas 中的 strokeRect 之类的功能。有什么建议吗？

Answer 1

使用transparent而不是empty来填充矩形。

示例:

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