fix: Avoid referencing HEMLCanvasElement in node

visgl · Sep 18, 2024 · 49a8a79 · 49a8a79
1 parent b673476
commit 49a8a79
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/modules/core/src/adapter/canvas-context.ts b/modules/core/src/adapter/canvas-context.ts
@@ -116,7 +116,7 @@ export abstract class CanvasContext {
       this.canvas = props.canvas;
     }
 
-    if (this.canvas instanceof HTMLCanvasElement) {
+    if (typeof HTMLCanvasElement !== 'undefined' && this.canvas instanceof HTMLCanvasElement) {
       this.id = props.id || this.canvas.id;
       this.type = 'html-canvas';
       this.htmlCanvas = this.canvas;
@@ -137,7 +137,7 @@ export abstract class CanvasContext {
     this.drawingBufferHeight = this.canvas.height;
     this.devicePixelRatio = globalThis.devicePixelRatio || 1;
 
-    if (this.canvas instanceof HTMLCanvasElement) {
+    if (typeof HTMLCanvasElement !== 'undefined' && this.canvas instanceof HTMLCanvasElement) {
       // Track visibility changes
       this._intersectionObserver = new IntersectionObserver(entries =>
         this._handleIntersection(entries)
@@ -172,7 +172,7 @@ export abstract class CanvasContext {
    * @note This is independent of the canvas' internal drawing buffer size (.width, .height).
    */
   getCSSSize(): [number, number] {
-    if (this.canvas instanceof HTMLCanvasElement) {
+    if (typeof HTMLCanvasElement !== 'undefined' && this.canvas instanceof HTMLCanvasElement) {
       return [this.canvas.clientWidth, this.canvas.clientHeight];
     }
     return [this.pixelWidth, this.pixelHeight];