來自

from 屬性指示動畫期間將被修改的屬性的初始值。

與 to 屬性一起使用時，動畫將把修改後的屬性從 from 值更改為 to 值。與 by 屬性一起使用時，動畫將根據 by 中指定的相對值從 from 值更改屬性。

您可以將此屬性與以下 SVG 元素一起使用

<animate>
<animateMotion>
<animateTransform>

示例

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

html

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

使用注意事項

值	見下文
預設值	無
可動畫	否

此屬性的確切值型別取決於要動畫的屬性的值。

當透過 values 屬性定義值列表時，將忽略 from 屬性。

規範

規範
SVG 動畫級別 2 # FromAttribute

瀏覽器相容性

BCD 表格僅在瀏覽器中載入