clone/afilmory
1
0
Fork 0
mirror of https://github.com/Afilmory/afilmory synced 2026-04-24 23:05:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(WebGLImageViewer): add resize observer for canvas resizing

Browse Source 
Signed-off-by: Innei <tukon479@gmail.com>
This commit is contained in:
Innei
2025-06-11 15:52:45 +08:00
parent b50ebf0d30
commit 71ec6fefbb
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/webgl-viewer/src/WebGLImageViewerEngine.ts
View File

@@ -166,9 +166,19 @@ export class WebGLImageViewerEngine extends ImageViewerEngineBase {
this.notifyLoadingStateChange(false)
}
private resizeObserver: ResizeObserver | null = null
private setupCanvas() {
this.resizeCanvas()
window.addEventListener('resize', this.boundResizeCanvas)
if (this.resizeObserver) {
this.resizeObserver.disconnect()
}
this.resizeObserver = new ResizeObserver((e) => {
if (e[0].target !== this.canvas) return
this.boundResizeCanvas()
})
this.resizeObserver.observe(this.canvas)
}
private resizeCanvas() {
@@ -1036,6 +1046,9 @@ export class WebGLImageViewerEngine extends ImageViewerEngineBase {
if (this.program) {
this.gl.deleteProgram(this.program)
}
if (this.resizeObserver) {
this.resizeObserver.disconnect()
}
this.worker?.terminate()
}