Ejemplo SVG
- Página anterior Degradado radiante SVG
- Página siguiente Elementos SVG
Ver archivo SVG
Si no ha instalado un visor SVG, no podrá ver archivos SVG.
Notas:Firefox 1.5 y Opera 9 ofrecen soporte nativo para SVG. Si utiliza uno de estos navegadores, no es necesario instalar un visor SVG.
Descargue gratuitamente el visor SVG de Adobe.
Ver código fuente SVG
Para ver el código fuente SVG, abra estos ejemplos, luego haga clic con el botón derecho del ratón en la ventana y seleccione 'Ver código fuente'.
Ejemplo SVG
Forma SVG
- Rectángulo
- Rectángulo con transparencia
- Rectángulo con transparencia 2
- Rectángulo con esquinas redondeadas
- Círculo
- Elipse
- Tres elipses apiladas
- Dos elipses
- Una línea
- Triángulo
- Cuadrilátero
- Línea de segmentos
- Ruta
- Espiral
Filtros SVG
- Filtro de suavizado de gaussian
- Otro filtro feGaussianBlur
- Filtro feBlend
- Filtro feColorMatrix
- Filtro feComponentTransfer
- Filtro feOffset
- feOffset, feFlood, feComposite, feMerge y feMergeNode
- Filtro feMorphology
- Filtro 1
- Filtro 2
- Filtro 3
- Filtro 4
- Filtro 5
- Filtro 6
Degradado SVG
- Degradado lineal (degradado horizontal)
- Degradado lineal (degradado vertical)
- Degradado radiante
- Degradado radiante 2
SVGMisc
- Añade un elemento "a" al rectángulo para que este pueda actuar como un enlace
- Crea un elemento usando JavaScript cuando el usuario hace clic en un círculo.
- Rectángulo que se desvanece repetidamente durante 5 segundos
- Cambia las propiedades x, y, width y height del rectángulo dinámicamente para crear efectos de animación y cambia el color del rectángulo
- Tres rectángulos que cambian de color
- Texto que se mueve a lo largo de una trayectoria de movimiento
- Texto que se mueve, rota y escala a lo largo de una trayectoria de movimiento
- Texto que se mueve, rota y escala a lo largo de una trayectoria de movimiento, con un rectángulo que se amplía y cambia de color gradualmente
- Página anterior Degradado radiante SVG
- Página siguiente Elementos SVG