Create context in the canvas layer base class

src/ol/renderer/canvas/ImageLayer.js

@@ -22,15 +22,6 @@ class CanvasImageLayerRenderer extends CanvasLayerRenderer {
   constructor(imageLayer) {
     super(imageLayer);
 
-    /**
-     * @protected
-     * @type {CanvasRenderingContext2D}
-     */
-    this.context = createCanvasContext2D();
-
-    const canvas = this.context.canvas;
-    canvas.style.position = 'absolute';
-
     /**
      * @protected
      * @type {import("../../transform.js").Transform}

src/ol/renderer/canvas/Layer.js

@@ -2,6 +2,7 @@
  * @module ol/renderer/canvas/Layer
  */
 import {getBottomLeft, getBottomRight, getTopLeft, getTopRight} from '../../extent.js';
+import {createCanvasContext2D} from '../../dom.js';
 import {TRUE} from '../../functions.js';
 import RenderEvent from '../../render/Event.js';
 import RenderEventType from '../../render/EventType.js';
@@ -34,6 +35,16 @@ class CanvasLayerRenderer extends LayerRenderer {
      */
     this.transform_ = createTransform();
 
+    /**
+     * @protected
+     * @type {CanvasRenderingContext2D}
+     */
+    this.context = createCanvasContext2D();
+
+    const canvas = this.context.canvas;
+    canvas.style.position = 'absolute';
+    canvas.className = this.getLayer().getClassName();
+
   }
 
   /**

src/ol/renderer/canvas/TileLayer.js

@@ -22,15 +22,6 @@ class CanvasTileLayerRenderer extends CanvasLayerRenderer {
   constructor(tileLayer) {
     super(tileLayer);
 
-    /**
-     * @protected
-     * @type {CanvasRenderingContext2D}
-     */
-    this.context = createCanvasContext2D();
-
-    const canvas = this.context.canvas;
-    canvas.style.position = 'absolute';
-
     /**
      * @protected
      * @type {import("../../transform.js").Transform}

src/ol/renderer/canvas/VectorLayer.js

@@ -3,7 +3,6 @@
  */
 import {getUid} from '../../util.js';
 import ViewHint from '../../ViewHint.js';
-import {createCanvasContext2D} from '../../dom.js';
 import {listen, unlisten} from '../../events.js';
 import EventType from '../../events/EventType.js';
 import rbush from 'rbush';
@@ -77,15 +76,6 @@ class CanvasVectorLayerRenderer extends CanvasLayerRenderer {
      */
     this.replayGroupChanged = true;
 
-    /**
-     * @type {CanvasRenderingContext2D}
-     */
-    this.context = createCanvasContext2D();
-
-    const canvas = this.context.canvas;
-    canvas.style.position = 'absolute';
-    canvas.className = this.getLayer().getClassName();
-
     listen(labelCache, EventType.CLEAR, this.handleFontsChanged_, this);
   }