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.
centerY
- A coordenada y do centro do raio.
radius
- Precisa ser positivo. O raio do círculo para esse gradiente.
colors
- Uma lista de cores separada por espaços. É preciso especificar cada cor usando o
formato ARGB (
#ff000000
= preto opaco) ou o 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