В документах для PencilBru sh есть метод decimatePoints и свойство decimate . Предполагается «отбросить точки, которые находятся на расстоянии менее decimate
пикселей друг от друга», чтобы упростить путь.
У меня есть класс, который создает PencilBrush
и назначает его холсту "freeDrawingBru sh". У класса есть событие mouseUp, когда я пытаюсь вызвать метод decimatePoints
, но он выдает ошибку.
Кто-нибудь знает, как использовать этот метод?
this.object = new fabric.PencilBrush(this.canvas, {
width: this.strokeWidth,
color: this.stroke,
perPixelTargetFind: true,
decimate : 3
});
this.canvas.freeDrawingBrush = this.object
Попытка вызова decimatePoints()
для mouseUp приводит к ошибке: «Невозможно прочитать свойство 'длина' из неопределенного» * 1020 *
onMouseUp(evt) {
console.log(this.object);
this.object.decimatePoints()
this.isMouseDown = false
this.canvas.off("mouse:up", this.onMouseUp);
}
Вот журнал объекта: