Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

to

此文件需要技術審查。看看您能幫什麼忙。

我們的志工尚未將此文章翻譯為 正體中文 (繁體) 版本。加入我們,幫忙翻譯!

« SVG Attribute reference home

This 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. By default the change will be linear.

When this attribute is used with the <set> element, it specifies the value for the attribute during the duration of the <set> element.

Usage context

Categories Animation value attribute
Value <value>
Animatable No
Normative document SVG 1.1 (2nd Edition)
SVG 1.1 (2nd Edition) : The set element

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

Example

This example uses a value of 150 for the to attribute, so the shape will animate to a height of 150.

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

Elements

The following elements can use the to attribute

文件標籤與貢獻者

 此頁面的貢獻者: SueSmith, Jeremie, sebmozilla
 最近更新: SueSmith,