移除突出显示蓝色矩形以供织物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()

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

​

​

如您所见，当我移动鼠标以设置线的终点时，蓝色矩形也会被绘制出来。我怎样才能禁用蓝色的选择？我也把可选设置为假。但它还没有消失。

Answer 1

当您处于直线绘制模式时使用$canvas.selection = false。