Um padrão é utilizado para preenchimento ou traçado de um objeto utilizando um objeto gráfico pré-definido o qual pode ser replicado ("ladrilhado") com intervalos fixados em x e y para cobrir as áreas que serão pintadas. Padrões são definidos utilizando o elemento pattern
e, em seguida, referenciado pelas propriedades fill
e stroke
em um determinado elemento gráfico para indicar que o elemento em questão deveria ser preenchido ou traçado com o padrão referenciado.
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> , <altGlyphDef> , <clipPath> , <color-profile> , <cursor> , <filter> , <font> , <font-face> , <foreignObject> , <image> , <marker> , <mask> , <pattern> , <script> , <style> , <switch> , <text> , <view> |
Exemplo
Código fonte | Resultado |
---|---|
Unable to find file pattern.svg |
Unable to find file pattern.svg |
Atributos
Atributos globais
- Atributos de processamento condicional »
- Atributos principais »
- Atributos de apresentação »
- Atributos XLink »
class
style
externalResourcesRequired
viewBox
Atributos específicos
Interface DOM
Este elemento implementa a interface do SVGPatternElement
.
Etiquetas do documento e colaboradores
Etiquetas:
Colaboradores desta página:
Sebastianz,
caio
Última atualização por:
Sebastianz,