From 0d4a16e7cfc2e115acbf28a9d593f522b790ad29 Mon Sep 17 00:00:00 2001
From: Meriem-BenIsmail <meriembenismail867@gmail.com>
Date: Tue, 21 Jan 2025 09:25:39 +0100
Subject: [PATCH] set interpolate to false to disable image smoothing.

---
 packages/base/src/mainview/mainView.tsx | 18 +-----------------
 1 file changed, 1 insertion(+), 17 deletions(-)

diff --git a/packages/base/src/mainview/mainView.tsx b/packages/base/src/mainview/mainView.tsx
index 583584bf9..08b7ed4db 100644
--- a/packages/base/src/mainview/mainView.tsx
+++ b/packages/base/src/mainview/mainView.tsx
@@ -64,7 +64,6 @@ import {
   VectorTile as VectorTileSource,
   XYZ as XYZSource
 } from 'ol/source';
-import ImageSource from 'ol/source/Image';
 import Static from 'ol/source/ImageStatic';
 import TileSource from 'ol/source/Tile';
 import { Circle, Fill, Stroke, Style } from 'ol/style';
@@ -621,7 +620,7 @@ export class MainView extends React.Component<IProps, IStates> {
         newSource = new Static({
           imageExtent: extent,
           url: imageUrl,
-          interpolate: true,
+          interpolate: false,
           crossOrigin: ''
         });
 
@@ -1164,21 +1163,6 @@ export class MainView extends React.Component<IProps, IStates> {
         const state = layer.getSourceState();
         if (state === 'ready') {
           layer.un('change', checkState);
-
-          // Apply image smoothing logic for image layers only
-          const source = layer.getSource();
-          if (source && source instanceof ImageSource) {
-            layer.on('prerender', event => {
-              const context = event.context;
-              if (context && context.canvas) {
-                const canvasContext = context.canvas.getContext('2d');
-                if (canvasContext) {
-                  canvasContext.imageSmoothingEnabled = false;
-                }
-              }
-            });
-          }
-
           resolve();
         } else if (state === 'error') {
           layer.un('change', checkState);