SVG

1  1

luisa vaca

Soy desarrolladora Fron-End en HUGE
@luisafvaca

lAS IMAGENES NOS SON GRAFICOS COMPUTADOS, SON GRILLAS DE PIXELES

SVG

Vectores gráficos escalables para la web
Scalable Vector Graphics

RESPONSIVE

REQUEST HTTP

FÁCIL DE ANIMAR

_

COMO HACER SVG'S ?

<tags>

<svg> 🦄 </svg>

 

Ya que los SVG están escritos en XML deben estar correctamente cerrados!

 

VIEWBOX = VIEWPORT

Viewbox

<Tags Figuras platonicas>

<rect />
<circle />
<ellipse />
<line />
<polygon />
<polyline />
<g> </g>
<path></path>
M, m => Move to

L, l => Line 

     H, h => Horizontal draw

     V, v => Vertical draw 

     Z,z => Join path Curves Data 

     C, c => Bezier curve

     S, s=> Reflexion

Herramienta de optimización

En qué momento usar svg?

ICONOS
LOGOS
pROYECTOS pERSONALES

SVG 101

By LUISA FERNANDA VACA CORREA