Как сделать это шар адаптивным под разное расширение экрана?

Question

[barsecky]

Добрый вечер друзья.
Сам JS не знаю(((
Есть шар откликающийся на курсор, нужно что бы при адаптиве страницы он менял свой размер.
Как это сделать, что нужно прописать в коде?
Помогите пожалуйста, желательно с примером как это сделать.
Заранее спасибо.
https://codepen.io/alexej-barsukow-the-flexboxer/p...

Answer 1

[Максим]

Comments

[barsecky]

Спасибо

Answer 2

[imegaded]

Где был взят исходный код этого шара?

Comments

[barsecky]

тут
https://codepen.io/avstorm/pen/WXQZRp
изначально это была кнопка, переделал под себя)))

[imegaded]

Ширина и высота задаются в конструкторе класса

this.width = options.width * 1 || 370;
this.height = options.height * 1 || 370;

options берутся из дата атрибутов, можно динамически изменять значения атрибутов `data-width / data-height`, можно через параметр svg брать высоту/ширину контейнера и подставлять ее, с ходу больше не подскажу. Если с JS совсем дела не имели, то, думаю, не стоит за это и браться =)

[barsecky]

imegaded, очень надо