Primero Definamos
¿Qué es una Imagen Vectorial?
Son figuras geométrica basada en coordenadas y funciones matemáticas, a diferencia de los mapas de bits, estos no se pixelean, ya que sus atributos como posición, color, borde, transparencia, etc. se da gracias a funciones y no al pintado de pixeles.
¿Como dibujar vectores en la web?
Existen varias formas de hacerlo, en este post aprenderemos como hacerlo a través de Raphaël es una librería Javascript que permite manejar vectores, y generar sus atributos por medio de funciones, podemos descargar esta librería desde la página oficial http://raphaeljs.com/Como iniciar dentro de un HTML
Para quienes no estén acostumbrado al uso de código les dejo una plantilla en HTML donde pueden iniciar aplicando sus funciones.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>10</title>
<script type="text/javascript" src="raphael-min.js"></script>
<script type="text/javascript">
window.onload = function(){
//AQUI ESCRIBIMOS LA MAGIA DE NUESTRAS FUNCIONES
}
</script>
</head>
<body>
<div id="raphaelContainer">
</div>
</body>
</html>
No hay comentarios:
Publicar un comentario