Add <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, minimal-ui"> in your html page, and you'll notice that rendering is blurry all of a sudden. This is due to the fact, that the rendering buffer of the canvas isn't the actual hardware pixel size anymore, but shrunk down by window.devicePixelRatio.
Add
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, minimal-ui">in your html page, and you'll notice that rendering is blurry all of a sudden. This is due to the fact, that the rendering buffer of the canvas isn't the actual hardware pixel size anymore, but shrunk down bywindow.devicePixelRatio.