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
yezengyue
Users receive reputation points by contributing quality content to the forums.
Posts include post and replies published on the forums.
Post authors can mark replies as Accepted to indicate successful solutions.
Apple Developer Forums admins can mark replies as Apple Recommended to indicate an approved solution