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 表格仅在浏览器中加载