在SVG中,你可以指一个透明的遮罩层和当前对象合成,形成背景。透明遮罩层可以是任何其他图形对象或者<g>
元素。mask
元素用于定义这样的遮罩元素。属性mask
用来引用一个遮罩元素。
使用场景
类别 | 容器元素 |
---|---|
允许的内容物 | 任意数量、任意排序的下列元素: 动画元素 描述性元素 形状元素 结构化元素 渐变元素 <a> , <altGlyphDef> , <clipPath> , <color-profile> , <cursor> , <filter> , <font> , <font-face> , <foreignObject> , <image> , <marker> , <mask> , <pattern> , <script> , <style> , <switch> , <text> , <view> |
示例
源代码 | 输出结果 |
---|---|
找不到附件“mask.svg”,请在本页面上传对应文件名的附件。 |
Unable to find file mask.svg |
» mask.svg
属性
全局属性
专有属性
DOM 接口
该元素实现了SVGMaskElement
接口。