From c66b114879de6bc9d4bb0e2cdc3b32b4cae86494 Mon Sep 17 00:00:00 2001 From: "Lt.Dr.Data" Date: Thu, 27 Apr 2023 11:47:44 +0900 Subject: [PATCH] missionfloyd implementation * hiding brush preview off the canvas * change brush size on wheel event --- web/extensions/core/maskeditor.js | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/web/extensions/core/maskeditor.js b/web/extensions/core/maskeditor.js index 381d41038..9d3d62f7f 100644 --- a/web/extensions/core/maskeditor.js +++ b/web/extensions/core/maskeditor.js @@ -306,7 +306,9 @@ class MaskEditorDialog extends ComfyDialog { document.addEventListener('mouseup', MaskEditorDialog.handleMouseUp); maskCanvas.addEventListener('mousemove', (event) => this.draw_move(self,event)); maskCanvas.addEventListener('touchmove', (event) => this.draw_move(self,event)); - document.addEventListener('keyup', MaskEditorDialog.handleKeyUp); + maskCanvas.addEventListener('mouseover', (event) => { this.brush.style.display = "block"; }); + maskCanvas.addEventListener('mouseleave', (event) => { this.brush.style.display = "none"; }); + document.addEventListener('keypress', MaskEditorDialog.handleKeyUp); } brush_size = 10; @@ -335,9 +337,13 @@ class MaskEditorDialog extends ComfyDialog { else self.brush_size = Math.max(self.brush_size-2, 1); - self.brush_slider_input.value = self.brush_size; -// self.brush_slider_input.dispatchEvent(new Event('input')); + + const brush = this.brush; + brush.style.width = (this.brush_size - 1) * 2 + "px"; + brush.style.height = (this.brush_size - 1) * 2 + "px"; + brush.style.left = (event.pageX - this.brush_size) + "px"; + brush.style.top = (event.pageY - this.brush_size) + "px"; } draw_move(self, event) {