Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-30 11:11:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

(add) onPositionChanged and onZoomChanged events

Browse Source
This commit is contained in:
dmx
2024-11-03 17:03:30 +04:00
parent 13c8c80509
commit 11fe365983
1 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/LGraphCanvas.ts
View File

@@ -356,6 +356,8 @@ export class LGraphCanvas {
onNodeSelected?: (node: LGraphNode) => void onNodeSelected?: (node: LGraphNode) => void
onNodeDeselected?: (node: LGraphNode) => void onNodeDeselected?: (node: LGraphNode) => void
onNodeUpdated?: (node: LGraphNode) => void onNodeUpdated?: (node: LGraphNode) => void
onPositionChanged?: (position: { x: number, y: number }) => void
onZoomChanged?: (scale: number) => void
onRender?: (canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D) => void onRender?: (canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D) => void
/** Implement this function to allow conversion of widget types to input types, e.g. number -> INT or FLOAT for widget link validation checks */ /** Implement this function to allow conversion of widget types to input types, e.g. number -> INT or FLOAT for widget link validation checks */
getWidgetLinkType?: (widget: IWidget, node: LGraphNode) => string | null | undefined getWidgetLinkType?: (widget: IWidget, node: LGraphNode) => string | null | undefined
@@ -2248,6 +2250,13 @@ export class LGraphCanvas {
this.ds.offset[1] += delta[1] / this.ds.scale this.ds.offset[1] += delta[1] / this.ds.scale
this.dirty_canvas = true this.dirty_canvas = true
this.dirty_bgcanvas = true this.dirty_bgcanvas = true
if (this.onPositionChanged) {
this.onPositionChanged({
x: this.ds.offset[0],
y: this.ds.offset[1]
})
}
} else if ((this.allow_interaction || (node && node.flags.allow_interaction)) && !this.read_only) { } else if ((this.allow_interaction || (node && node.flags.allow_interaction)) && !this.read_only) {
if (this.connecting_links) this.dirty_canvas = true if (this.connecting_links) this.dirty_canvas = true
@@ -2725,6 +2734,17 @@ export class LGraphCanvas {
this.ds.changeScale(scale, [e.clientX, e.clientY]) this.ds.changeScale(scale, [e.clientX, e.clientY])
if (this.onZoomChanged) {
this.onZoomChanged(scale)
}
if (this.onPositionChanged) {
this.onPositionChanged({
x: this.ds.offset[0],
y: this.ds.offset[1]
})
}
this.graph.change() this.graph.change()
e.preventDefault() e.preventDefault()
@@ -3263,6 +3283,13 @@ export class LGraphCanvas {
this.ds.offset[0] = -node.pos[0] - node.size[0] * 0.5 + (this.canvas.width * 0.5) / (this.ds.scale * dpi) this.ds.offset[0] = -node.pos[0] - node.size[0] * 0.5 + (this.canvas.width * 0.5) / (this.ds.scale * dpi)
this.ds.offset[1] = -node.pos[1] - node.size[1] * 0.5 + (this.canvas.height * 0.5) / (this.ds.scale * dpi) this.ds.offset[1] = -node.pos[1] - node.size[1] * 0.5 + (this.canvas.height * 0.5) / (this.ds.scale * dpi)
this.setDirty(true, true) this.setDirty(true, true)
if (this.onPositionChanged) {
this.onPositionChanged({
x: this.ds.offset[0],
y: this.ds.offset[1]
})
}
} }
/** /**
* adds some useful properties to a mouse event, like the position in graph coordinates * adds some useful properties to a mouse event, like the position in graph coordinates