wangbo/ComfyUI
1
0
Fork 0
mirror of https://github.com/comfyanonymous/ComfyUI.git synced 2026-02-09 04:52:32 +08:00
Code Issues Actions 9 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) {
}
createButton(name,callback) {
createButton(name, callback) {
var button = document.createElement("button");
button.innerText = name;
button.style.position = "absolute";
button.style.top = "5px";
button.addEventListener("click", callback);
return button;
}
createLeftButton(name,left,callback) {
var button = this.createButton(name,callback);
button.style.left = left;
createLeftButton(name, callback) {
var button = this.createButton(name, callback);
button.style.cssFloat = "left";
button.style.marginRight = "4px";
return button;
}
createRightButton(name,right,callback) {
var button = this.createButton(name,callback);
button.style.right = right;
createRightButton(name, callback) {
var button = this.createButton(name, callback);
button.style.cssFloat = "right";
button.style.marginLeft = "4px";
return button;
}
createLeftSlider(self, name,left,callback) {
createLeftSlider(self, name, callback) {
const divElement = document.createElement('div');
divElement.style.position = "absolute";
divElement.style.top = "5px";
divElement.style.left = left;
divElement.style.backgroundColor = 'Black';
divElement.style.paddingLeft = "10px";
divElement.style.paddingRight = "10px";
divElement.style.borderRadius = "10px";
divElement.id = "maskeditor-slider";
divElement.style.cssFloat = "left";
divElement.style.fontFamily = "sans-serif";
divElement.style.marginRight = "4px";
divElement.style.color = "var(--input-text)";
divElement.style.backgroundColor = "var(--comfy-input-bg)";
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.setAttribute('type', 'range');
self.brush_slider_input.setAttribute('min', '1');
self.brush_slider_input.setAttribute('max', '100');
self.brush_slider_input.setAttribute('value', '10');
const labelElement = document.createElement("label");
labelElement.innerHTML = `<font color='white' size='5px'>${name}</font>`;
labelElement.textContent = name;
divElement.appendChild(labelElement);
divElement.appendChild(self.brush_slider_input);