| Summary: | iOS 16 beta3 , canvas is blurry in some case. | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | acery <acery.ycy> | ||||||
| Component: | Canvas | Assignee: | Nobody <webkit-unassigned> | ||||||
| Status: | RESOLVED DUPLICATE | ||||||||
| Severity: | Normal | CC: | baba, damir.veapi+webkit, dino, mattwoodrow, simon.fraser, tanaka.toshiyuki, webkit-bug-importer | ||||||
| Priority: | P1 | Keywords: | InRadar | ||||||
| Version: | Safari Technology Preview | ||||||||
| Hardware: | Unspecified | ||||||||
| OS: | Unspecified | ||||||||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=241450 | ||||||||
| Attachments: |
|
||||||||
It's urgent. I hope your team can follow up as soon as possible. Created attachment 461051 [details]
Testcase
We have a similar issue here. Setting the canvas to `display: none` and then restoring it to `display: block` makes it sharp. This got fixed by bug 241450. *** This bug has been marked as a duplicate of bug 241450 *** |
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.