Is there a way to make canvas responsive?

Question

JavaScript

Welcome all!
Who has experience with canvas, can you please tell me if it is possible to make it adaptive?
There is, for example, a 500 x 500 pixel canvas. On it, let's say there are 10 circles with a diameter of 100 pixels, which randomly float on the canvas. It is necessary to make it so that when the screen is reduced, the circles also proportionally or adaptively decrease.
What are the options?

Answer 1

Set the variable to which you send the width of the screen, and from this proportionally reduce the elements.

Answer 2

In general, something like this: