Um gradiente em transição entre duas cores do ângulo inicial ao final.
Sintaxe
<SweepGradient centerX="float" centerY="float" startAngle="float" endAngle="float" colors="argb-color argb-color" positions="float float" />
Atributos
O elemento SweepGradient
tem os seguintes atributos:
Atributos obrigatórios
Os atributos abaixo são obrigatórios:
centerX
A coordenada x do centro do raio.
Esse atributo é transformável.
centerY
A coordenada y do centro do raio.
Esse atributo é transformável.
startAngle
O ângulo (em graus) para iniciar o gradiente.
Esse atributo é transformável.
endAngle
O ângulo (em graus) para finalizar o gradiente.
Esse atributo é transformável.
colors
Uma lista de cores separada por espaços. É preciso especificar cada cor usando o formato ARGB (
#ff000000
= preto opaco) ou RGB (#000000
= preto).positions
Uma lista de pontos flutuantes separada por espaços. As posições relativas [0..1] de cada cor correspondente no atributo de cores. Se for uma string vazia, as cores serão distribuídas uniformemente ao longo da linha do gradiente.
Atributos opcionais
Os atributos abaixo são opcionais:
direction
- A direção da varredura.
CLOCKWISE
ouCOUNTER_CLOCKWISE
. O valor padrão éCLOCKWISE
.
Elementos internos
O elemento SweepGradient
pode conter entre zero e quatro elementos
Transform
.
Recomendados para você
- Observação: o texto do link aparece quando o JavaScript está desativado
- TextCircular
- TextCircular
- Arc