How to scale a sprite relative to the screen?

Question

JavaScript

Good afternoon. I am writing a browser game in js. There was a problem when scaling the window. It is necessary to make sure that when the browser window is reduced, the proportions of the sprites relative to the screen are preserved. Like in slither.io

Answer 1

Use relative units of measure in styles, such as rem.

Answer 2

Try like this:

canvas.width = canvas.height * (canvas.clientWidth / canvas.clientHeight);