删除突出显示的蓝色矩形以在织物 js 中进行选择

Question

我正在开发一个涉及一些绘图功能的 Web 应用程序。我正在使用织物 js 进行画布操作 - http://fabricjs.com/。我现在正在实现使用鼠标绘制线条的功能。

在鼠标按下事件中，我像这样添加一个新行

var points = [pointer.x, pointer.y, pointer.x, pointer.y];
                temp_line = new fabric.Line(points, {
                    strokeWidth: 1,
                    stroke: '#ff0000',
                    selectable: false
                });
                $canvas.add(temp_line)

当鼠标移动时，我正在像这样根据当前指针位置更新行

temp_line.set({ x2: pointer.x, y2: pointer.y });
                $canvas.renderAll()

但问题是突出显示的矩形蓝色区域如下。

如您所见，当我移动鼠标设置线的终点时，也绘制了蓝色矩形。如何禁用该蓝色选择？我也将 selectable 设置为 false。但它还没有消失。

Answer 1

当你处于画线模式时使用$canvas.selection = false。