Bug 242847

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:

Keywords:

InRadar

Version:

Safari Technology Preview

Hardware:

Unspecified

OS:

Unspecified

See Also:

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

Attachments:

Description	Flags
screenshot	none
Testcase	none

acery

Reported 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.

Attachments
screenshot (200.12 KB, image/png) 2022-07-17 17:58 PDT, acery	no flags	Details
Testcase (416 bytes, text/html) 2022-07-20 14:17 PDT, Simon Fraser (smfr)	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2022-07-18 16:21:12 PDT

<rdar://problem/97226180>

acery

Comment 2 2022-07-19 20:38:24 PDT

It's urgent. I hope your team can follow up as soon as possible.

Simon Fraser (smfr)

Comment 3 2022-07-20 14:17:00 PDT

Created attachment 461051 [details] Testcase

Damir

Comment 4 2022-11-29 06:13:59 PST

We have a similar issue here. Setting the canvas to `display: none` and then restoring it to `display: block` makes it sharp.

Matt Woodrow

Comment 5 2022-11-29 14:47:47 PST

This got fixed by bug 241450. *** This bug has been marked as a duplicate of bug 241450 ***

Note You need to log in before you can comment on or make changes to this bug.