Text is in canvas is a little blurry on the sides

[Cedar-81]

I am noticing that the texts in the canvas seem a little blurry on the sides and this seems to be because the width and height of the canvas is not set on the html Canvas element instead it is made to adapt to the width and height of its container.

I have tried resolving this by setting it's resolution using it's offset Width and Height this resolved a little bit of the issue (this was earlier when the texts appeared unreadable) but after that I had this current issue of the text being a little blurry on the sides.

It would be nice if someone could attempt fixing it or come up with a suggestion on how to fix it.

Thanks 💪👍