к

Атрибут to указывает конечное значение атрибута, которое будет изменено во время анимации.

Значение атрибута будет изменяться между значением атрибута from и этим значением.

Вы можете использовать этот атрибут с указанными ниже элементами SVG:

Пример

html

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="10" width="100" height="100">
    <animate
      attributeType="XML"
      attributeName="width"
      fill="freeze"
      from="100"
      to="150"
      dur="3s" />
  </rect>
</svg>

animate, animateMotion, animateTransform

Для <animate>, <animateMotion> и <animateTransform>, to задаёт конечное значение анимации.

Значение	`<value>`
Значение по умолчанию	Нет
Анимируемо	Нет

Точный тип значения этого атрибута зависит от значения атрибута, который будет анимирован.

Если список значений определён через атрибут values, атрибут to игнорируется.

set

Для элемента <set>, to задаёт значение для атрибута в течение периода действия элемента.

Значение	`<value>`
Значение по умолчанию	Нет
Анимируемо	Нет

Точный тип значения этого атрибута зависит от значения атрибута, который будет анимирован.

Спецификации

Спецификация
SVG Анимации Уровень 2 # SetElementToAttribute
SVG Анимации Уровень 2 # ToAttribute

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/To