mask
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
No SVG, você pode especificar que quaisquer outros objetos gráficos ou elementos <g> podem ser utilizados com uma máscar de alfa para a composição do objeto atual para o fundo. A mask is defined with the mask element. A máscara é usada/referenciada usando a propriedade mask.
Contexto de uso
| Categorias | Elemento recipiente |
|---|---|
| Conteúdo permitido | Qualquer número dos seguintes elementos, em qualquer ordem: Elementos de animação Elementos descritivos Elementos de forma Elementos estruturais Elementos de gradiente <a>, <clipPath>, <cursor>, <filter>, <font>, <font-face>, <foreignObject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> |
Exemplo
» mask.svg
Atributos
Atributos globais
Atributos específicos
Interface DOM
Este elemento implementa a interface do SVGMaskElement.