diff --git a/src/js/core/buffer_utils.js b/src/js/core/buffer_utils.js index 0048b214..86114744 100644 --- a/src/js/core/buffer_utils.js +++ b/src/js/core/buffer_utils.js @@ -1,6 +1,6 @@ import { globalConfig } from "./config"; -import { fastArrayDelete } from "./utils"; import { createLogger } from "./logging"; +import { fastArrayDelete } from "./utils"; const logger = createLogger("buffer_utils"); @@ -10,9 +10,6 @@ const logger = createLogger("buffer_utils"); */ export function enableImageSmoothing(context) { context.imageSmoothingEnabled = true; - context.webkitImageSmoothingEnabled = true; - - // @ts-ignore context.imageSmoothingQuality = globalConfig.smoothing.quality; } @@ -22,7 +19,6 @@ export function enableImageSmoothing(context) { */ export function disableImageSmoothing(context) { context.imageSmoothingEnabled = false; - context.webkitImageSmoothingEnabled = false; } /** diff --git a/src/js/core/config.ts b/src/js/core/config.ts index 7ec96d39..0e79715f 100644 --- a/src/js/core/config.ts +++ b/src/js/core/config.ts @@ -108,7 +108,7 @@ export const globalConfig = { smoothing: { smoothMainCanvas: smoothCanvas && true, - quality: "low", // Low is CRUCIAL for mobile performance! + quality: "low" as ImageSmoothingQuality, // Low is CRUCIAL for mobile performance! }, rendering: {}, diff --git a/src/js/core/dpi_manager.js b/src/js/core/dpi_manager.js index 4fb792c0..842dd779 100644 --- a/src/js/core/dpi_manager.js +++ b/src/js/core/dpi_manager.js @@ -41,13 +41,9 @@ export function prepareHighDPIContext(context, smooth = true) { if (smooth) { context.imageSmoothingEnabled = true; - context.webkitImageSmoothingEnabled = true; - - // @ts-ignore context.imageSmoothingQuality = globalConfig.smoothing.quality; } else { context.imageSmoothingEnabled = false; - context.webkitImageSmoothingEnabled = false; } } diff --git a/src/js/globals.d.ts b/src/js/globals.d.ts index 8d62ff0f..d1ad4d96 100644 --- a/src/js/globals.d.ts +++ b/src/js/globals.d.ts @@ -47,10 +47,6 @@ declare interface ImportMeta { declare interface CanvasRenderingContext2D { beginRoundedRect(x: number, y: number, w: number, h: number, r: number): void; beginCircle(x: number, y: number, r: number): void; - - msImageSmoothingEnabled: boolean; - mozImageSmoothingEnabled: boolean; - webkitImageSmoothingEnabled: boolean; } // Just for compatibility with the shared code