Um gradiente em transição entre duas cores que irradiam de um ponto de origem central.
Sintaxe
<RadialGradient centerX="float" centerY="float" radius="float" colors="argb-color argb-color" positions="float float" />
Atributos
O elemento RadialGradient
precisa conter os seguintes atributos:
centerX
A coordenada x do centro do raio.
Esse atributo é transformável.
centerY
A coordenada y do centro do raio.
Esse atributo é transformável.
radius
Precisa ser positivo. O raio do círculo para esse 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.
Elementos internos
O elemento RadialGradient
pode conter entre zero e quatro elementos
Transform
.
Recomendados para você
- Observação: o texto do link aparece quando o JavaScript está desativado
- SweepGradient
- LinearGradient
- Stroke