TOP
20 TUTORIAL SVG
![]() ID:2041 |
Mi primer grafico SVG
| SVG
| Script tutorial
Pasos a dar para crear mi primer grafico SVG. Qué navegadores y plug-ins utilizar para visualizarlo. Aplausos: 11
Fecha 2006-07-30
| visto: 1252 | www.aulambra.com
|
![]() ID:2056 |
Hola Mundo en SVG
| SVG
| Script tutorial
Como utilizar la etiqueta text para poder poner el texto Hola Mundo dentro de un gráfico vectorial SVG. Aplausos: 6
Fecha 2006-07-30
| visto: 1136 | www.aulambra.com
|
![]() ID:2042 |
Dibujando una Linea
| SVG
| Script tutorial
Uno de los ejemplos mas sencillos de acometer en SVG. El dibujo de una linea. Utilizacion de la etiqueta LINE. Aplausos: 4
Fecha 2006-07-30
| visto: 712 | www.aulambra.com
|
![]() ID:2059 |
Gradiente Lineal
| SVG
| Script tutorial
Definicion de gradientes lineales. Manejo del sistema de coordenadas. Metodos de relleno del gradiente. Ejemplo de uso. Aplausos: 3
Fecha 2006-07-30
| visto: 1091 | www.aulambra.com
|
![]() ID:2045 |
Dibujando un poligono- Triangulo
| SVG
| Script tutorial
Creación de un poligono, en este caso de un triangulo, en el lenguaje SVG mediante el elemento polygon. Aplausos: 2
Fecha 2006-07-30
| visto: 933 | www.aulambra.com
|
![]() ID:2043 |
Transparencia y Opacidad
| SVG
| Script tutorial
Ejemplo de como modificar la transparencia de los elementos SVG mediante el atributo opacity. Aplausos: 2
Fecha 2006-07-30
| visto: 738 | www.aulambra.com
|
![]() ID:2060 |
Dibujando una elipse
| SVG
| Script tutorial
Utilización del elemento Ellipse para dibujar elipses en SVG. Definicion de los radios del eje X e Y. Aplausos: 1
Fecha 2006-07-30
| visto: 867 | www.aulambra.com
|
![]() ID:2048 |
Rectangulo Redondeado
| SVG
| Script tutorial
Cómo redondear los bordes de un rectangulo utilizando los atributos rx y ry del shape RECT. Aplausos: 1
Fecha 2006-07-30
| visto: 764 | www.aulambra.com
|
![]() ID:2044 |
Circulo con Borde
| SVG
| Script tutorial
Modificación de las propiedades de un circulo en SVG para definirle un Borde. Manejo de los atributos stroke y stroke-width. Aplausos: 1
Fecha 2006-07-30
| visto: 647 | www.aulambra.com
|
![]() ID:2046 |
Dibujando un Circulo
| SVG
| Script tutorial
Creación de un circulo en SVG mediante la etiqueta CIRCLE. Posicionamiento y coloreado del circulo. Aplausos: 1
Fecha 2006-07-30
| visto: 570 | www.aulambra.com
|
![]() ID:2057 |
Dibujando Multiples Lineas
| SVG
| Script tutorial
Reto gráfico de pintar una casa con una X en medio sin levantar el lapiz del papel resuelto con las polilineas de SVG. Aplausos: 1
Fecha 2006-07-30
| visto: 543 | www.aulambra.com
|
![]() ID:2061 |
Gradiente Lineal Vertical
| SVG
| Script tutorial
Definicion de un gradiente lineal vertical. Este se consigue igualando las coordenadas x1, x2 y manteniendo diferentes y1,y2. Aplausos: 1
Fecha 2006-07-30
| visto: 541 | www.aulambra.com
|
![]() ID:2049 |
Rectangulos en SVG. El elemento Rect.
| SVG
| Script tutorial
El elemento RECT es una de las figuras basicas de SVG que nos permite definir rectangulos. Una de sus propiedades es la de redondear sus bordes. Aplausos: 1
Fecha 2006-07-30
| visto: 539 | www.aulambra.com
|
![]() ID:2050 |
Elipses en SVG. El elemento Ellipse.
| SVG
| Script tutorial
El elemento ELLIPSE es una figura basica del lenguaje SVG que nos facilita la creación de elipses. Aplausos: 1
Fecha 2006-07-30
| visto: 539 | www.aulambra.com
|
![]() ID:2063 |
Gradiente Lineal Angular
| SVG
| Script tutorial
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. Aplausos: 0
Fecha 2006-07-30
| visto: 656 | www.aulambra.com
|
![]() ID:2054 |
Circulos en SVG. El elemento Circle.
| SVG
| Script tutorial
El elemento CIRCLE nos permite, como figura basica de SVG, la creación de circulos de una forma sencilla, mediante sus coordenadas y radio. Aplausos: 0
Fecha 2006-07-30
| visto: 549 | www.aulambra.com
|
![]() ID:2047 |
Dibujando un rectangulo
| SVG
| Script tutorial
Cómo crear un rectangulo (rojo para más datos) utilizando SVG y sus figuras básicas. Aplausos: 0
Fecha 2006-07-30
| visto: 548 | www.aulambra.com
|
![]() ID:2053 |
Polilineas en SVG. El elemento Polyline
| SVG
| Script tutorial
Como utilizar el elemento polyline de SVG para poder definir una polilinea (linea trazada entre una sucesion de puntos) en SVG. Manejo del atributo points. Aplausos: 0
Fecha 2006-07-30
| visto: 533 | www.aulambra.com
|
![]() ID:2058 |
Circulo con gradiente lineal
| SVG
| Script tutorial
Aplicar un gradiente lineal a un circulo. Variacion de colores, del rojo al naranja, dentro del color del circulo. Aplausos: 0
Fecha 2006-07-30
| visto: 531 | www.aulambra.com
|
![]() ID:2062 |
Gradiente como borde
| SVG
| Script tutorial
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. Aplausos: 0
Fecha 2006-07-30
| visto: 522 | www.aulambra.com
|
MAS TUTORIALES SVG
Añadir
a Favoritos
|
Pagina
de Inicio
|
Premios y agradecimientos
|
Aviso Legal
Tutorial-enlace.info