Как сделать адаптивным canvas?

Question

[WebforSelf]

Есть сайт - тыц

Там есть анимация сделанная на canvas



На разрешении 1920 , все отлично, но на более низких разрешениях, ноутбук , планшет мобильное, canvas не масштабируется, подскажите как сделать?



Кодепен не дает svg подгрузить, но весь js вынес сюда чтоб не искать его на сайте. Как сделать его адаптивным?

Comments

[twobomb]

Ну адаптируй через css свойство width,height канваса

[WebforSelf]

twobomb, вы имеете ввиду задать ему

width:100%;
max-width:1268px;
height:auto;

? пытался с цсс его ужать, не работает.

[twobomb]

WebforSelf, ну не знаю как вы там делаете, как вариант через @ media , отдельно выставляем ширину\высоту для fhd, hd, tablet,phone.... ну крч всех желаемых разрешений
https://developer.mozilla.org/ru/docs/Web/CSS/@media