Заливка HTML /JS — SVG

#svg

#svg

Вопрос:

В моем HTML-коде у меня есть:

     <animate id= animationBottle attributeName="y1"
        from="101%"
        to="70%"
        begin="0s"
        dur="1s"
        fill="freeze"> 
    </animate>
  

Есть ли способ создать переменную ‘to=»70%»‘ с помощью JS?

Заранее спасибо!

Комментарии:

1. конечно, document.getElementById(«animationBottle»).setAttribute(«кому», «<все, что вы хотите>»);

Ответ №1:

Вы можете использовать set значение (70%) атрибута («to») с помощью Javascript.

 document.getElementById("animationBottle").setAttribute("to", "70%");
  

Если у вас есть значение 70 в качестве переменной ( var value = 70 ) и вы хотите использовать его с setAttribute , вы делаете следующее:

 var value = 70;
var value_perc = `${value}%`;
document.getElementById("animationBottle").setAttribute("to", value_perc);
  

Вы также могли бы создать функцию с числом в качестве входных данных.