ejemplos de SVG
ejemplos en línea
El siguiente ejemplo es el código SVG directamente incorporado en el código HTML.
Google Chrome, Firefox, Internet Explorer9, y Safari son compatibles.
NOTA: En el siguiente ejemplo no se ejecutará en la ópera, aunque el apoyo Opera - SVG no soporta SVG directamente en el código HTML.
ejemplos de SVG
Formas básicas SVG
Un rectángulo con esquinas redondeadas
Y amontonó en las tres elipses
Definir un color de fondo, texto o soporte (Stoke)
Definir un ancho de línea, texto o soporte (carrera de ancho)
atributo de trazo-linecap define el final de un camino abierto de diferentes tipos:
La definición de una línea de puntos (carrera-dasharray)
Filtros SVG
feGaussianBlur - la falta de definición
feOffset - descentramiento de la imagen de desenfoque
feOffset - de modo que las sombras negro
feOffset - de color recubierto con sombra
feOffset, feFlood, feComposite, feMerge y feMergeNode
SVG Gradient
gradiente lineal horizontal de amarillo a rojo ovalada
gradiente lineal vertical del amarillo al rojo ovalada
Horizontal gradiente lineal de amarillo a un óvalo rojo dentro del texto y añadir
degradado radial de blanco a azul ovalado
degradado radial de blanco a azul ovalado otra
Varios SVG
Repita con 5 segundos se desvanecen rectángulo
Y cambiar el color del rectángulo se hace grande
Se va a cambiar el color de los tres rectángulos
Movimiento a lo largo de una trayectoria de movimiento de texto
A lo largo de una trayectoria de movimiento para mover, rotar y escalar el texto