Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как можно при scroll подменять path у SVG ? (https://javascript.ru/forum/events/79581-kak-mozhno-pri-scroll-podmenyat-path-u-svg.html)

Максим Ученик 25.02.2020 06:13

Как можно при scroll подменять path у SVG ?
 
Интересует или мучает вопрос о том как можно при событие scroll подменять path из data ?

<svg viewBox="" width="" height="" xmlns="http://www.w3.org/2000/svg">
  <path d="..." data-path1="..." data-path2="..." class="another"/>
</svg>


Если это не сложно научите меня этому

voraa 25.02.2020 07:02

Так же, как вообще поменять любой атрибут

<path id='mypath' d="..." data-path1="..." data-path2="..." class="another"/>

const newpath = 'M 10,30 A 20,20 0,0,1 50,30 A 20,20 0,0,1 90,30 Q 90,60 50,90 Q 10,60 10,30 z';
let mypath = document.getElementById('mypath')
mypath.setAtribute('d', newpath)

Максим Ученик 25.02.2020 07:19

Цитата:

Сообщение от voraa (Сообщение 520569)
Так же, как вообще поменять любой атрибут

<path id='mypath' d="..." data-path1="..." data-path2="..." class="another"/>

const newpath = 'M 10,30 A 20,20 0,0,1 50,30 A 20,20 0,0,1 90,30 Q 90,60 50,90 Q 10,60 10,30 z';
let mypath = document.getElementById('mypath')
mypath.setAtribute('d', newpath)

Блин точно ...спасибо - дошло


Часовой пояс GMT +3, время: 05:53.