Acceso rápido
CheatSheet
Cheatsheet HTML/SVG
CheatSheet
Baseline SVG

1 Base

Base

Antes de comenzar a crear imágenes SVG es necesario comprender como están hechas y que se trata de un lenguaje muy similar a HTML, pero orientado a formas geométricas, tamaños y coordenadas.

1 tema · 2 posts

Requisitos:

Introducción a SVG

2 Formas básicas

Formas básicas

Existen unas formas geométricas fundamentales que forman parte de la base del lenguaje SVG. Casi todo se tiende a construir mediante estas formas básicas. También, algunos atributos comunes nos ayudan a personalizar su forma.

2 temas · 8 posts

Formas básicas

Atributos SVG

3 Organización

Organización

Es muy importante saber organizar la estructura de un archivo SVG. Aunque se basa y es muy similar a un HTML, también tiene algunas normas específicas del lenguaje SVG que nos pueden ayudar en muchas tareas.

1 tema · 4 posts

Organización

4 Trayectos

Trayectos

Si las formas básicas que hemos visto anteriormente se nos quedan cortas, debemos ser conscientes de que cualquier forma puede ser trazada mediante un trayecto.

1 tema · 4 posts

Trayectos

5 Textos

Textos

Si necesitamos crear textos en nuestras imágenes SVG, convendría entender como funcionan los diferentes sistemas de textos, que nos permitirán crear textos y colocarlos en trayectos específicos.

1 tema · 2 posts

Textos

Comienza a aprender

¿...o prefieres un roadmap?