Spec-Zone.ru › SVG

to

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

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

Этот атрибут можно использовать со следующими элементами SVG:

  • <animate>
  • <animateMotion>
  • <animateTransform>
  • <set>

Пример

<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–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/to

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API