删除突出显示蓝色矩形以便在结构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。