|
import { ComfyApp, app } from "../../scripts/app.js";
|
|
|
|
function load_image(str) {
|
|
let base64String = canvas.toDataURL('image/png');
|
|
let img = new Image();
|
|
img.src = base64String;
|
|
}
|
|
|
|
app.registerExtension({
|
|
name: "Comfy.Inspire.img",
|
|
|
|
nodeCreated(node, app) {
|
|
if(node.comfyClass == "LoadImage //Inspire") {
|
|
let w = node.widgets.find(obj => obj.name === 'image_data');
|
|
|
|
Object.defineProperty(w, 'value', {
|
|
set(v) {
|
|
if(v != '[IMAGE DATA]')
|
|
w._value = v;
|
|
},
|
|
get() {
|
|
const stackTrace = new Error().stack;
|
|
if(!stackTrace.includes('draw') && !stackTrace.includes('graphToPrompt') && stackTrace.includes('app.js')) {
|
|
return "[IMAGE DATA]";
|
|
}
|
|
else {
|
|
return w._value;
|
|
}
|
|
}
|
|
});
|
|
|
|
let set_img_act = (v) => {
|
|
node._img = v;
|
|
var canvas = document.createElement('canvas');
|
|
canvas.width = v[0].width;
|
|
canvas.height = v[0].height;
|
|
|
|
var context = canvas.getContext('2d');
|
|
context.drawImage(v[0], 0, 0, v[0].width, v[0].height);
|
|
|
|
var base64Image = canvas.toDataURL('image/png');
|
|
w.value = base64Image;
|
|
};
|
|
|
|
Object.defineProperty(node, 'imgs', {
|
|
set(v) {
|
|
if (v && !v[0].complete) {
|
|
let orig_onload = v[0].onload;
|
|
v[0].onload = function(v2) {
|
|
if(orig_onload)
|
|
orig_onload();
|
|
set_img_act(v);
|
|
};
|
|
}
|
|
else {
|
|
set_img_act(v);
|
|
}
|
|
},
|
|
get() {
|
|
if(this._img == undefined && w.value != '') {
|
|
this._img = [new Image()];
|
|
if(w.value && w.value != '[IMAGE DATA]')
|
|
this._img[0].src = w.value;
|
|
}
|
|
|
|
return this._img;
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}) |