Do not render vectors in image mode

src/ol/renderer/canvas/VectorTileLayer.js

@@ -357,9 +357,10 @@ CanvasVectorTileLayerRenderer.prototype.handleStyleImageChange_ = function(event
  */
 CanvasVectorTileLayerRenderer.prototype.postCompose = function(context, frameState, layerState) {
   const layer = this.getLayer();
+  const renderMode = layer.getRenderMode();
+  if (renderMode != VectorTileRenderType.IMAGE) {
     const declutterReplays = layer.getDeclutter() ? {} : null;
     const source = /** @type {module:ol/source/VectorTile} */ (layer.getSource());
-  const renderMode = layer.getRenderMode();
     const replayTypes = VECTOR_REPLAYS[renderMode];
     const pixelRatio = frameState.pixelRatio;
     const rotation = frameState.viewState.rotation;
@@ -433,6 +434,7 @@ CanvasVectorTileLayerRenderer.prototype.postCompose = function(context, frameSta
       rotateAtOffset(context, rotation,
         /** @type {number} */ (offsetX), /** @type {number} */ (offsetY));
     }
+  }
   CanvasTileLayerRenderer.prototype.postCompose.apply(this, arguments);
 };
 

test/spec/ol/renderer/canvas/vectortilelayer.test.js

@@ -132,7 +132,6 @@ describe('ol.renderer.canvas.VectorTileLayer', function() {
     });
 
     it('renders replays with custom renderers as direct replays', function() {
-      layer.renderMode_ = 'image';
       layer.setStyle(new Style({
         renderer: function() {}
       }));