Sometimes, we want to fix blurry text in an HTML5 canvas with JavaScript.
In this article, we’ll look at how to fix blurry text in an HTML5 canvas with JavaScript.
How to fix blurry text in an HTML5 canvas with JavaScript?
To fix blurry text in an HTML5 canvas with JavaScript, we set the canvas width and height.
For instance, we write
canvas.width = canvas.clientWidth;
canvas.height = canvas.clientHeight;
to set the canvas width
and height
properties to the element’s actual width and height.
Conclusion
To fix blurry text in an HTML5 canvas with JavaScript, we set the canvas width and height.