Use integer canvas dimensions (#12142)

diff --git a/src/helpers/helpers.dom.ts b/src/helpers/helpers.dom.ts
index 8224361c67190d4221068ff1e853dce44cd1c71c..b0c41eec0c027c017e0cf459899bac62b4b48ade 100644 (file)
--- a/src/helpers/helpers.dom.ts
+++ b/src/helpers/helpers.dom.ts
@@ -227,12 +227,14 @@ export function retinaScale(
     canvas.style.width = `${chart.width}px`;
   }
 
+  const canvasHeight = Math.floor(deviceHeight);
+  const canvasWidth = Math.floor(deviceWidth);
   if (chart.currentDevicePixelRatio !== pixelRatio
-      || canvas.height !== deviceHeight
-      || canvas.width !== deviceWidth) {
+      || canvas.height !== canvasHeight
+      || canvas.width !== canvasWidth) {
     (chart as PrivateChart).currentDevicePixelRatio = pixelRatio;
-    canvas.height = deviceHeight;
-    canvas.width = deviceWidth;
+    canvas.height = canvasHeight;
+    canvas.width = canvasWidth;
     chart.ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
     return true;
   }