这个从attribute表示属性的初始值,用于至属性。
用法:
from="number"
属性值:
- number:我们要从属性设置的数字
我们将使用from属性设置初始值。
范例1:
HTML
<!DOCTYPE html>
<html>
<body>
<svg viewBox="0 0 1000 1000"
xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="10">
<animate attributeName="width"
fill="freeze" from="100"
to="150" dur="3s" />
<animate attributeName="height"
fill="freeze" from="100"
to="150" dur="3s" />
</rect>
</svg>
</body>
</html>
输出:
范例2:
HTML
<!DOCTYPE html>
<html>
<body>
<svg viewBox="0 0 1000 1000"
xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="10" fill="green">
<animate attributeName="width"
fill="freeze" from="100"
to="150" dur="3s" />
<animate attributeName="height"
fill="freeze" from="100"
to="150" dur="3s" />
</rect>
</svg>
</body>
</html>
输出:
相关用法
- SVG viewBox属性用法及代码示例
- SVG rx属性用法及代码示例
- SVG width属性用法及代码示例
- SVG opacity属性用法及代码示例
- SVG stroke-width属性用法及代码示例
- SVG stroke属性用法及代码示例
- SVG height属性用法及代码示例
- SVG ry属性用法及代码示例
- SVG fill属性用法及代码示例
- SVG font-size属性用法及代码示例
- SVG stroke-dasharray属性用法及代码示例
- SVG cx属性用法及代码示例
- SVG flood-opacity属性用法及代码示例
- SVG filter属性用法及代码示例
- SVG font-style属性用法及代码示例
- SVG flood-color属性用法及代码示例
- SVG fill-opacity属性用法及代码示例
注:本文由纯净天空筛选整理自taran910大神的英文原创作品 SVG from Attribute。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。