在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接口。