diff --git a/src/ol/renderer/canvas/TileLayer.js b/src/ol/renderer/canvas/TileLayer.js
index 795a9d64b5..bb03bb1476 100644
--- a/src/ol/renderer/canvas/TileLayer.js
+++ b/src/ol/renderer/canvas/TileLayer.js
@@ -79,18 +79,11 @@ class CanvasTileLayerRenderer extends CanvasLayerRenderer {
      */
     this.tmpTileRange_ = new TileRange(0, 0, 0, 0);
 
-    /**
-     * @private
-     * @type {import("../../transform.js").Transform}
-     */
-    this.imageTransform_ = createTransform();
-
     /**
      * @protected
      * @type {number}
      */
     this.zDirection = 0;
-
   }
 
   /**
@@ -293,7 +286,7 @@ class CanvasTileLayerRenderer extends CanvasLayerRenderer {
 
     // TODO: check where these are used and confirm they are correct
     const transform = composeTransform(
-      this.imageTransform_,
+      this.transform_,
       halfWidth, halfHeight,
       scale, scale,
       rotation,
diff --git a/src/ol/renderer/canvas/VectorImageLayer.js b/src/ol/renderer/canvas/VectorImageLayer.js
index 034018f793..5c39e8aa43 100644
--- a/src/ol/renderer/canvas/VectorImageLayer.js
+++ b/src/ol/renderer/canvas/VectorImageLayer.js
@@ -95,12 +95,14 @@ class CanvasVectorImageLayerRenderer extends CanvasImageLayerRenderer {
       const imagePixelRatio = image.getPixelRatio();
       const scale = pixelRatio * imageResolution /
           (viewResolution * imagePixelRatio);
-      const transform = composeTransform(this.imageTransform_,
+
+      const transform = composeTransform(this.transform_,
         pixelRatio * size[0] / 2, pixelRatio * size[1] / 2,
         scale, scale,
         0,
         imagePixelRatio * (imageExtent[0] - viewCenter[0]) / imageResolution,
         imagePixelRatio * (viewCenter[1] - imageExtent[3]) / imageResolution);
+
       composeTransform(this.coordinateToCanvasPixelTransform,
         pixelRatio * size[0] / 2 - transform[4], pixelRatio * size[1] / 2 - transform[5],
         pixelRatio / viewResolution, -pixelRatio / viewResolution,