Как можно при 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]

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

<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)

[Максим Ученик]

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)

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