graficosvectoriales.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Vectoriales</title>
</head>
<body>
	
<!-- svg graficos vectoriales -->

<!-- ya esto es xml -->
<!-- radio es el tamaño -->
<!-- svg graficos vectoriales == no son convertiso a bitmaps ni a pixeles,   ASI QUE NO PIERDE CALIDAD -->
<!-- esta basado en vectores y no en pixeles -->
<svg id='circulo' width='400' height='400' xmlns='http://www.w3.org/2000/svg'>
	
<circle id='circuloazul' cx='200' cy='200' r='150' fill='blue'></circle>

<!-- lo crea desde 0 0 ya que no hemos espeficiado las x and y de partida -->
<rect id='rectangulo' width='300' height='200' fill='red'></rect>


<!-- x1,y1 inicial   x2 y2 final -->
<line id='linea' x1='100' y1='100' x2='200' y2='200' style='stroke:black;stroke-width:4'></line>

<!-- stroke == trazo negro -->
<!-- la anchura del trazo -->

<!-- esta linea comienza en 100, 100 y va hasta 200, 200 en coordenadas x and y -->
<!-- color del trazo y la anchura esta en css style -->





<!-- centro en x y centro en y -->
<ellipse cx='200' cy='200' rx='400' ry='20' fill='black'/>
<!--radio 400 en x largo -->
<!--radio 20 en y ancho  -->




</svg>



</body>
</html>