aulambra.com - Tecnologias de Internet
 
 

Lista de Correo
Para suscribirte a la lista de correo dejanos tu e-mail y preferencias en tecnologías.

Seguir >>

Valid HTML 4.01!
Valid CSS!

Más sobre SVG en...

MarkUp - SVG: Scalable Vector Graphics.
Ejemplos.

HTML | CSS | XHTML | DOM | XForms | SVG | MathML | SGML

    Generales

  • Mi primer gr?fico SVG
    Pasos a dar para crear mi primer grafico SVG. Qu? navegadores y plug-ins utilizar para visualizarlo.

    • Formas Basicas. Shapes

  • Dibujando un rectangulo
    C?mo crear un rectangulo (rojo para m?s datos) utilizando SVG y sus figuras b?sicas.
  • Rectangulo Redondeado
    C?mo redondear los bordes de un rectangulo utilizando los atributos rx y ry del shape RECT.
  • Dibujando un Circulo
    Creaci?n de un circulo en SVG mediante la etiqueta CIRCLE. Posicionamiento y coloreado del circulo.
  • Circulo con Borde
    Modificaci?n de las propiedades de un circulo en SVG para definirle un Borde. Manejo de los atributos stroke y stroke-width.
  • Dibujando una Linea
    Uno de los ejemplos mas sencillos de acometer en SVG. El dibujo de una linea. Utilizacion de la etiqueta LINE.
  • Dibujando una elipse
    Utilizaci?n del elemento Ellipse para dibujar elipses en SVG. Definicion de los radios del eje X e Y.
  • Dibujando un poligono: Triangulo
    Creaci?n de un poligono, en este caso de un triangulo, en el lenguaje SVG mediante el elemento polygon.
  • Dibujando Multiples Lineas
    Reto gr?fico de pintar una casa con una X en medio sin levantar el lapiz del papel resuelto con las polilineas de SVG.

    • Texto

  • Hola Mundo en SVG
    Como utilizar la etiqueta text para poder poner el texto Hola Mundo dentro de un gr?fico vectorial SVG.

    • Opacidad

  • Transparencia y Opacidad
    Ejemplo de como modificar la transparencia de los elementos SVG mediante el atributo opacity.

    • Gradientes

  • Circulo con gradiente lineal
    Aplicar un gradiente lineal a un circulo. Variacion de colores, del rojo al naranja, dentro del color del circulo.
  • Gradiente Lineal Vertical
    Definicion de un gradiente lineal vertical. Este se consigue igualando las coordenadas x1, x2 y manteniendo diferentes y1,y2.
  • Gradiente Lineal Angular
    Creacion de un gradiente lineal angular. Definicion de un vector de 90 grados noroeste donde se aplica el gradiente. Coordenadas diferntes en el eje x e y.
  • Gradiente como borde
    Aunque no es un uso muy normal, podemos utilizar un gradiente como relleno de borde, de cualquier figura basica. Quedandonos un efecto, cual menos, curiso.
 
 

SVG
Noticias
Listas y Foros
Anillos
Formación
Herramientas Desarrollo
 
Libros

cover

cover

cover

"Muchas veces me moria pensando que no iba verte.
Pero moria la muerte cada vez que te veia". E.Galeano.

© Copyright 2001-2006. Víctor Cuervo
aulambra.com | Linea de Codigo