How to display an image on canvas svg so that it is not blurry?

Question

JavaScript

Good day, the essence of the problem is that I need to display the svg image on the canvas, but when it is displayed through drawImage, it is drawn blurry, how to fix this, are there any methods to display the svg on the canvas more or less clearly? Thank you!

Answer 1

Yes, make the svg big. If svg is 20x20px, then when applied to canvas, it can be blurry.

Answer 2

Most likely the problem is in coordinates or size. Look up the values ​​in PX, and round them to round values, no half pixels