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

Update web/extensions/core/maskeditor.js

Browse Source 
Co-authored-by: missionfloyd <missionfloyd@users.noreply.github.com>
This commit is contained in:
Dr.Lt.Data 2023-05-06 10:36:07 +09:00 committed by GitHub
parent 3d834833bc
commit 4e8209f74b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -88,45 +88,48 @@ class MaskEditorDialog extends ComfyDialog {
clearMask(self) { clearMask(self) {
} }
createButton(name,callback) { createButton(name, callback) {
var button = document.createElement("button"); var button = document.createElement("button");
button.innerText = name; button.innerText = name;
button.style.position = "absolute";
button.style.top = "5px";
button.addEventListener("click", callback); button.addEventListener("click", callback);
return button; return button;
} }
createLeftButton(name, callback) {
createLeftButton(name,left,callback) { var button = this.createButton(name, callback);
var button = this.createButton(name,callback); button.style.cssFloat = "left";
button.style.left = left; button.style.marginRight = "4px";
return button; return button;
} }
createRightButton(name, callback) {
createRightButton(name,right,callback) { var button = this.createButton(name, callback);
var button = this.createButton(name,callback); button.style.cssFloat = "right";
button.style.right = right; button.style.marginLeft = "4px";
return button; return button;
} }
createLeftSlider(self, name, callback) {
createLeftSlider(self, name,left,callback) {
const divElement = document.createElement('div'); const divElement = document.createElement('div');
divElement.style.position = "absolute"; divElement.id = "maskeditor-slider";
divElement.style.top = "5px"; divElement.style.cssFloat = "left";
divElement.style.left = left; divElement.style.fontFamily = "sans-serif";
divElement.style.backgroundColor = 'Black'; divElement.style.marginRight = "4px";
divElement.style.paddingLeft = "10px"; divElement.style.color = "var(--input-text)";
divElement.style.paddingRight = "10px"; divElement.style.backgroundColor = "var(--comfy-input-bg)";
divElement.style.borderRadius = "10px"; divElement.style.borderRadius = "8px";
divElement.style.borderColor = "var(--border-color)";
divElement.style.borderStyle = "solid";
divElement.style.fontSize = "20px";
divElement.style.height = "21px";
divElement.style.padding = "1px 6px";
divElement.style.display = "flex";
divElement.style.position = "relative";
divElement.style.top = "2px";
self.brush_slider_input = document.createElement('input'); self.brush_slider_input = document.createElement('input');
self.brush_slider_input.setAttribute('type', 'range'); self.brush_slider_input.setAttribute('type', 'range');
self.brush_slider_input.setAttribute('min', '1'); self.brush_slider_input.setAttribute('min', '1');
self.brush_slider_input.setAttribute('max', '100'); self.brush_slider_input.setAttribute('max', '100');
self.brush_slider_input.setAttribute('value', '10'); self.brush_slider_input.setAttribute('value', '10');
const labelElement = document.createElement("label"); const labelElement = document.createElement("label");
labelElement.innerHTML = `<font color='white' size='5px'>${name}</font>`; labelElement.textContent = name;
divElement.appendChild(labelElement); divElement.appendChild(labelElement);
divElement.appendChild(self.brush_slider_input); divElement.appendChild(self.brush_slider_input);