Bug 242847 - iOS 16 beta3 , canvas is blurry in some case.
Summary: iOS 16 beta3 , canvas is blurry in some case.
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Canvas (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P1 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-07-17 17:58 PDT by acery
Modified: 2022-07-19 20:38 PDT (History)
2 users (show)

See Also:


Attachments
screenshot (200.12 KB, image/png)
2022-07-17 17:58 PDT, acery
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description acery 2022-07-17 17:58:01 PDT
Created attachment 460966 [details]
screenshot

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.
Comment 1 Radar WebKit Bug Importer 2022-07-18 16:21:12 PDT
<rdar://problem/97226180>
Comment 2 acery 2022-07-19 20:38:24 PDT
It's urgent. I hope your team can follow up as soon as possible.