fill - SVG 编辑
fill
属性根据它的使用环境,拥有两个意义。
默认地,当动画元素结束时,目标元素的外观属性不再应用该效果。在动画元素结束后,要还保持这个动画的的值,就需要用到fill
属性。
对于形状元素和文本,fill
属性是外观属性,用来定义给定图形元素内部的颜色。哪一块算是“内部”取决于形状本身以及fill-rule
属性的值。作为一个外观属性,它可以直接用作CSS样式表内部的属性。
用法
对动画元素
类别 | 动画定时属性 |
---|---|
值 | remove | freeze |
可变性 | No |
规范文档 | SVG 1.1 (2nd Edition) |
- remove(默认值)
- 在动画的激活持续时间结束后,动画效果会移除(不再应用)。在动画的激活结束后,动画不再对目标元素有影响(除非动画重新开始)。
- freeze
- 在动画激活持续时间结束后,文档持续时间的剩余时间里(或者直到动画重新开始)动画效果会“冻结”着。
对形状元素
类别 | 外观属性 |
---|---|
值 | <paint> |
可变性 | Yes |
规范文档 | SVG 1.1 (2nd Edition) |
示例
元素
下列元素可以使用fill
属性:
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论