iOS 16 beta3, Canvas appears blurry

We found that canvas of the same size is more blurry in iOS 16 Beta 3. Here's the code:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Document</title>
  <style>
    #app {
      height: 586px;
      width: 1170px;
    }
  </style>
</head>
<body>
  <canvas height="586px" width="1170px" id="app"></canvas>
  <script>
    const el = document.getElementById('app');
    const ctx = el.getContext('2d');

    ctx.font = '80px Arial';

    ctx.fillText('Hello World', 100, 100)
  </script>
</body>
</html>

Oddly enough, if you set the height of the code above to 585 px(one pixel less), the text on the canvas becomes clear. This will only happen with iOS Beta 3.

ref: https://bugs.webkit.org/show_bug.cgi?id=242847

bug demo: https://gw.alipayobjects.com/os/antfincdn/NFVxPd%24y2/canvas-bug.html

same problem

Same probelm, You can open it in Safari and reproduce it

same problem

same problem

A serious problem,please be sure to fix it in beta4 version !

same problem

same problem

same problem

same problem +1

same problem +1

same problem +1

same problem

same problem

I have the same problem, please help

same problem

same problem iOS 16.0.2

same problem here

cheers

iOS 16 beta3, Canvas appears blurry
 
 
Q