删除高亮蓝色矩形以供在 fabric js 中选择

Question

我正在开发一个涉及一些绘图功能的 Web 应用程序。我使用fabric 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当你在画线模式。