Удаление выделенного синего прямоугольника для выделения в ткани JS - PullRequest
Новая
       4

Удаление выделенного синего прямоугольника для выделения в ткани JS

0 голосов
/ 22 мая 2018

Я занимаюсь разработкой веб-приложения, включающего некоторые функции рисования.Я использую ткань 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()

Но проблема в выделенной прямоугольной синей области, как показано ниже.

enter image description here

Как видите, синий прямоугольник также нарисованпока я двигаю мышь, чтобы установить конечную точку линии.Как я могу отключить этот синий выбор?Я также установил для selectable значение false.Но это еще не все.

1 Ответ

0 голосов
/ 23 мая 2018

Используйте $canvas.selection = false, пока вы находитесь в режиме рисования линий.

...