Gracias a HTML5, hoy en día podemos usar una etiqueta llamada Canvas; esta etiqueta nos permite dibujar gráficos, animaciones, escribir texto, hacer composiciones de fotos, combinar con recursos de nuestra máquina y muchas cosas más con solo utilizar JavaScript. Actualmente, esta etiqueta está siendo utilizada para muchos enfoques en la industria del campo tecnológico, por ejemplo Realidad Virtual (VR), Juegos y otras ramas afines.
Creando un lienzo (Canvas)
- El elemento <canvas> debe tener un atributo id para que JavaScript pueda hacer referencia a él.
- El atributo de ancho y alto es necesario para definir el tamaño del lienzo.
<canvas width="300" height="300" id ="Dibujito"></canvas>
Nota: Por defecto, el elemento <canvas> no tiene borde ni contenido.
Ejemplo: index.html
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>Canvas</title>
</head>
<body>
<h1>Dibujando con Canvas</h1>
<canvas width="300" height="300" id ="dibujito"></canvas>
<script src="Dibujo.js"></script>
</body>
</html>
Dibujando una Línea
Para dibujar una línea recta dentro de un lienzo, utilizaremos los siguientes métodos:
- moveTo (x, y): define el punto de inicio de la línea.
- lineTo (x, y): define el punto final de la línea.
- Para dibujar la línea se usa el método stroke().
Ejemplo: dibujo.js
var d =document.getElementById("dibujito");
var lienzo = d.getContext("2d");
console.log(lienzo);
lienzo.beginPath();
lienzo.strokeStyle = "red";
lienzo.moveTo(50,10);
lienzo.lineTo(150,300);
lienzo.stroke();
lienzo.closePath();
Resultado:
Mas código:
Existe una gran variedad de placas, cada una consiste de un microcontrolador y puertos de entrada/salida cada placa es diferenciada de otra ya sea por su tamaño físico, cantidad de memoria y/o funcionalidad.
Hackmeeting se llevo acabo el 17 y 18 de octubre en Wayna Tambo La casa de las culturas que está ubicado en la ciudad de «el Alto» – La Paz Bolivia, dos días de conferencia, debates, intercambio de ideas y el aprendizaje colectivo, para analizar conjuntamente las tecnologías que utilizamos a diario, cómo cambian y la agitación inducen en nuestras vidas reales y virtuales.
El evento se llevo acabo en el Colegio Santa Rosa desde las 9:00am hasta las 7:00pm y tuvo una asistencia de aproximadamente 100 personas.
soyedicoweb.wordpress.com 