Exemplo SVG
- Página anterior Gradiente radial SVG
- Próxima página Elementos SVG
Visualizar arquivo SVG
Se não tiver instalado um visualizador SVG, não será possível visualizar arquivos SVG.
Notas:O suporte nativo para SVG no Firefox 1.5 e Opera 9. Se você usar um desses navegadores, não será necessário instalar um visualizador SVG.
Baixe gratuitamente o visualizador SVG da Adobe.
Ver código-fonte SVG
Para ver o código-fonte SVG, abra esses exemplos, clique com o botão direito do mouse na janela e selecione “Ver código-fonte”.
Exemplo SVG
Forma SVG
- Retângulo
- Retângulo com transparência
- Retângulo com transparência 2
- Retângulo com cantos arredondados
- Círculo
- Elíptico
- Três elípses empilhados
- Dois elípses
- Uma linha
- Triângulo
- Quadrado
- Linha reta
- Caminho
- Espiral
Filtros SVG
- Filtro de suavização gaussiana
- Outro filtro feGaussianBlur
- Filtro feBlend
- Filtro feColorMatrix
- Filtro feComponentTransfer
- Filtro feOffset
- feOffset, feFlood, feComposite, feMerge e feMergeNode
- Filtro feMorphology
- Filtro 1
- Filtro 2
- Filtro 3
- Filtro 4
- Filtro 5
- Filtro 6
Gradiente SVG
SVG Diversos
- Adicione um elemento "a" ao retângulo, para que o retângulo possa ser um hiperlink.
- Crie um elemento usando JavaScript ao clicar no círculo do usuário.
- Retângulo que desvanece repetidamente por 5 segundos
- Muda as propriedades x, y, width e height do retângulo dinamicamente para criar efeitos de animação e muda a cor do retângulo
- Três retângulos que mudam de cor
- Texto que se move ao longo de um caminho de movimento
- Texto que se move, roda e escala ao longo de um caminho de movimento
- Texto que se move, roda e escala ao longo de um caminho de movimento, + retângulo que se amplía e muda de cor gradualmente
- Página anterior Gradiente radial SVG
- Próxima página Elementos SVG
