wangbo/ComfyUI
1
0
Fork 0
mirror of https://github.com/comfyanonymous/ComfyUI.git synced 2026-02-09 21:12:36 +08:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

missionfloyd implementation

Browse Source 
* hiding brush preview off the canvas
* change brush size on wheel event
This commit is contained in:
Lt.Dr.Data 2023-04-27 11:47:44 +09:00
parent d662e9298e
commit c66b114879
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/extensions/core/maskeditor.js
View File

@ -306,7 +306,9 @@ class MaskEditorDialog extends ComfyDialog {
document.addEventListener('mouseup', MaskEditorDialog.handleMouseUp); document.addEventListener('mouseup', MaskEditorDialog.handleMouseUp);
maskCanvas.addEventListener('mousemove', (event) => this.draw_move(self,event)); maskCanvas.addEventListener('mousemove', (event) => this.draw_move(self,event));
maskCanvas.addEventListener('touchmove', (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; brush_size = 10;
@ -335,9 +337,13 @@ class MaskEditorDialog extends ComfyDialog {
else else
self.brush_size = Math.max(self.brush_size-2, 1); self.brush_size = Math.max(self.brush_size-2, 1);
self.brush_slider_input.value = self.brush_size; 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) { draw_move(self, event) {