Hola foro, me gustó mucho esta actividad pues literalmente me sentí como si fuese el creador de "Paint" :P Mi duda es si es sencillo implementar la opción para dar clic y arrastrar mientras se dibuja todo el trazo.
Quizá está actividad estará mas adelante pero no quise dejar la oportunidad de preguntar aquí, pues posiblemente lo dejaré pasar.
En la actividad se muestra una documentación de mozilla. Para que esta publicación tenga mas sentido, podrían recomendarme mas sitios de documentción confiables por favor?
Gracias de antemano (:
<canvas width="600" height="400"> </canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "grey";
pincel.fillRect(0,0,600,400);
function exhibirAlerta(evento){
var x = evento.pageX - pantalla.offsetLeft; //pos x
var y = evento.pageY - pantalla.offsetTop; //pos y
console.log(evento);
alert(x + ", " + y);
}
function dibujarCirculo(evento){
var x = evento.pageX - pantalla.offsetLeft; //pos x
var y = evento.pageY - pantalla.offsetTop; //pos y
pincel.fillStyle = "blue";
pincel.beginPath();
pincel.arc(x,y,10,0,2*3.14);
pincel.fill();
console.log(x + ", " + y);
}
pantalla.onclick = dibujarCirculo;
</script>