From a0e18ffde057a0f6c316903390f4bebf1186a58f Mon Sep 17 00:00:00 2001
From: Vanilagy <1696106+Vanilagy@users.noreply.github.com>
Date: Fri, 31 Jul 2026 15:52:28 +0200
Subject: [PATCH] Use imageSmoothingQuality high when doing canvas-based
 resizes

---
 src/media-sink.ts | 2 +-
 src/sample.ts     | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/media-sink.ts b/src/media-sink.ts
index aa80639..062fd2a 100644
--- a/src/media-sink.ts
+++ b/src/media-sink.ts
@@ -1989,7 +1989,7 @@ export class CanvasSink {
 		}) as CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;
 		assert(context);
 
-		context.resetTransform();
+		context.imageSmoothingQuality = 'high';
 
 		if (!canvasIsNew) {
 			if (!this._alpha && isFirefox()) {
diff --git a/src/sample.ts b/src/sample.ts
index 0c4a633..a51b4dc 100644
--- a/src/sample.ts
+++ b/src/sample.ts
@@ -1546,6 +1546,8 @@ export class VideoSample implements Disposable {
 			);
 		}
 
+		context.imageSmoothingQuality = 'high';
+
 		if (description.alpha === 'discard') {
 			context.fillStyle = 'black';
 			context.fillRect(0, 0, description.width, description.height);