by

by 屬性指定了在動畫過程中將被修改的屬性的相對偏移值。

屬性的起始值可以透過在 attributeName 中指定屬性值或 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" width="100" height="100">
    <animate attributeName="width" fill="freeze" by="50" dur="3s" />
  </rect>
</svg>

使用說明

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

此屬性的精確值型別取決於將被動畫的屬性的值。

當透過 values 屬性定義一個值列表時，by 屬性將被忽略。

規範

規範
SVG 動畫級別 2 # ByAttribute

瀏覽器相容性

BCD 表格僅在瀏覽器中載入