cleanup

node.ts

@@ -2,6 +2,7 @@ import './src/env/node';
 
 import type { Canvas as NodeCanvas, JpegConfig, PngConfig } from 'canvas';
 import { getEnv, StaticCanvas as Canvas } from './fabric';
+import { cleanUpJsdomNode } from './src/util/dom_misc';
 
 export * from './fabric';
 
@@ -16,4 +17,9 @@ export class StaticCanvas extends Canvas {
   createJPEGStream(opts?: JpegConfig) {
     return this.getNodeCanvas().createJPEGStream(opts);
   }
+  destroy(): void {
+    const canvasElement = this.lowerCanvasEl;
+    super.destroy();
+    cleanUpJsdomNode(canvasElement);
+  }
 }

src/canvas/StaticCanvas.ts

@@ -25,7 +25,7 @@ import {
   cancelAnimFrame,
   requestAnimFrame,
 } from '../util/animation/AnimationFrameProvider';
-import { cleanUpJsdomNode, getElementOffset } from '../util/dom_misc';
+import { getElementOffset } from '../util/dom_misc';
 import { uid } from '../util/internals/uid';
 import { createCanvasElement, isHTMLCanvas, toDataURL } from '../util/misc/dom';
 import { invertTransform, transformPoint } from '../util/misc/matrix';
@@ -1677,7 +1677,6 @@ export class StaticCanvas<
     canvasElement.setAttribute('height', `${this.height}`);
     canvasElement.style.cssText = this._originalCanvasStyle || '';
     this._originalCanvasStyle = undefined;
-    cleanUpJsdomNode(canvasElement);
   }
 
   /**

src/util/dom_misc.ts

@@ -122,11 +122,6 @@ export function makeElementSelectable(element) {
   return element;
 }
 
-export function getNodeCanvas(element) {
-  const impl = getEnv().jsdomImplForWrapper(element);
-  return impl._canvas || impl._image;
-}
-
 export function cleanUpJsdomNode(element) {
   if (!getEnv().isLikelyNode) {
     return;