to

SVG 元素
1. A
2. B-C
3. D
  1. <defs>
  2. <desc>
4. E
  1. <ellipse>
5. F
6. G
7. H
  1. <hkern>
8. I
  1. <image>
9. J-L
  1. <line>
  2. <linearGradient>
10. M
11. N-P
12. Q-R
  1. <radialGradient>
  2. <rect>
13. S
  1. <script>
  2. <set>
  3. <stop>
  4. <style>
  5. <svg>
  6. <switch>
  7. <symbol>
14. T
15. U
  1. <use>
16. V-Z
  1. <view>
  2. <vkern>

to attribute indicates the final value of the attribute that will be modified during the animation.

The value of the attribute will change between the from attribute value and this value.

You can use this attribute with the following SVG elements:

范例

html, body, svg {
  height: 100%;
}

<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, animateColor, animateMotion, animateTransform

For <animate> , <animateColor> , <animateMotion> ，和 <animateTransform> , to specifies the ending value of the animation.

值	`<value>`
默认值	None
Animatable	No

The exact value type for this attribute depend on the value of the attribute that will be animated.

If a list of values is defined via the values attribute, the to attribute is ignored.

set

对于 <set> element, to specifies the value for the attribute during the duration of the element.

值	`<value>`
默认值	None
Animatable	No

The exact value type for this attribute depend on the value of the attribute that will be animated.

规范

规范	状态	注释
SVG Animations Level 2 The definition of 'to for <set>' in that specification.	编者草案	无变化
SVG Animations Level 2 The definition of 'to for <animate>, <animateColor>, <animateMotion>, and <animateTransform>' in that specification.	编者草案	无变化
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'to for <set>' in that specification.	推荐	Initial definition for `<set>`
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'to for <animate>, <animateColor>, <animateMotion>, and <animateTransform>' in that specification.	推荐	Initial definition for `<animate>` , `<animateColor>` , `<animateMotion>` ，和 `<animateTransform>`

Found a problem with this page?

Edit on GitHub
Source on GitHub
Report a problem with this content on GitHub
Want to fix the problem yourself? See our Contribution guide .

最后修改： Sep 23, 2021 , 由 MDN 贡献者