Merge pull request #435 from vizzuhq/fix-browser-zoom

Fixed redraw on browser zoom.

Author: simzer

CHANGELOG.md

@@ -4,13 +4,14 @@
 
 ### Fixed
 
+- Fixed redraw on browser zoom (bug since 0.9.0).
 - TypeScript definition fixed, measures can contain null values. 
 
 ### Added
 
 - Animation control object expose properties `position`, `direction`, `speed` 
   and `playState` to be able to query the current state of the animation, and
-  to be more conform with the Web Animation API. Old methods got deprecated. 
+  to be more conform with the Web Animation API. 
 
 ## [0.9.1] - 2023-11-15
 

src/apps/weblib/ts-api/htmlcanvas.ts

@@ -24,6 +24,7 @@ export class HtmlCanvas implements Plugin {
   private _mainCanvas: HTMLCanvasElement
   private _context: CanvasRenderingContext2D
   private _resizeObserver: ResizeObserver
+  private _resizeHandler: () => void
   private _prevUpdateHash: string = ''
   private _scaleFactor: number = 1
   private _cssWidth: number = 1
@@ -71,9 +72,14 @@ export class HtmlCanvas implements Plugin {
     this._context = ctx
     this.calcSize()
     this._resizeObserver = this._createResizeObserverFor(this._mainCanvas)
+    this._resizeHandler = (): void => {
+      this.onchange()
+    }
+    window.addEventListener('resize', this._resizeHandler)
   }
 
   destruct(): void {
+    window.removeEventListener('resize', this._resizeHandler)
     this._resizeObserver.disconnect()
     if (this._container) this._container.removeChild(this._mainCanvas)
   }