nodes/pythongosssss-ComfyUI-Custom-Scripts
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix exporting with domwidget wrapper

Browse Source
This commit is contained in:
pythongosssss
2025-04-30 12:51:15 +01:00
parent ba22ba11e9
commit dd09723d19
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/js/workflowImage.js
+9 -9
View File
@@ -37,7 +37,7 @@ class WorkflowImage {
width: app.canvas.canvas.width,
height: app.canvas.canvas.height,
offset: app.canvas.ds.offset,
transform: app.canvas.canvas.getContext('2d').getTransform(), // Save the original transformation matrix
transform: app.canvas.canvas.getContext("2d").getTransform(), // Save the original transformation matrix
};
}
@@ -46,7 +46,7 @@ class WorkflowImage {
app.canvas.canvas.width = this.state.width;
app.canvas.canvas.height = this.state.height;
app.canvas.ds.offset = this.state.offset;
app.canvas.canvas.getContext('2d').setTransform(this.state.transform); // Reapply the original transformation matrix
app.canvas.canvas.getContext("2d").setTransform(this.state.transform); // Reapply the original transformation matrix
}
updateView(bounds) {
@@ -427,9 +427,10 @@ class SvgWorkflowImage extends WorkflowImage {
}
getDrawTextConfig(_, widget) {
const domWrapper = widget.inputEl.closest(".dom-widget") ?? widget.inputEl;
return {
x: parseInt(widget.inputEl.style.left),
y: parseInt(widget.inputEl.style.top),
x: parseInt(domWrapper.style.left),
y: parseInt(domWrapper.style.top),
resetTransform: true,
};
}
@@ -486,9 +487,7 @@ class SvgWorkflowImage extends WorkflowImage {
}
getBlob(workflow) {
let svg = this.svgCtx
.getSerializedSvg(true)
.replace("<svg ", `<svg style="background: ${app.canvas.clear_background_color}" `);
let svg = this.svgCtx.getSerializedSvg(true).replace("<svg ", `<svg style="background: ${app.canvas.clear_background_color}" `);
if (workflow) {
svg = svg.replace("</svg>", `<desc>${SvgWorkflowImage.escapeXml(workflow)}</desc></svg>`);
@@ -558,8 +557,9 @@ app.registerExtension({
const style = document.defaultView.getComputedStyle(this.inputEl, null);
const x = config.x;
const y = config.y;
const w = parseInt(this.inputEl.style.width);
const h = parseInt(this.inputEl.style.height);
const domWrapper = this.inputEl.closest(".dom-widget") ?? widget.inputEl;
const w = parseInt(domWrapper.style.width);
const h = parseInt(domWrapper.style.height);
ctx.fillStyle = style.getPropertyValue("background-color");
ctx.fillRect(x, y, w, h);