Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Dudas con: "evento.pageX " - "pincel.beginPath" -

Hola a todos y gracias por leer mi duda.

1)Sere directo. No entiendo que instrucción pasa o recibe evento.pageX

Contexto:

*function exibirAlerta(**evento**){
        var x = **evento**.pageX - pantalla.offsetLeft; 
        var y = **evento**.pageY - pantalla.offsetTop; 
        console.log(**evento**);
        alert(x + "," + y);*

Entiendo que hay una relación como lo resalté en negrita pero no logro captar como trabaja. SI alguien me puede explicar como funciona lo agradeceré.

2)Que intrucción pasa pincel.beginPath?

Contexto:

function dibujarCirculo (evento){
        var x = evento.pageX - pantalla.offsetLeft; 
        var y = evento.pageY - pantalla.offsetTop;
        pincel.fillStyle = colores[Math.round(Math.random()*colores.length)]; 
        **pincel.beginPath();**
        pincel.arc(x,y,Math.round(Math.random()*5+5),0,2*3.14);
        pincel.fill();
        console.log(x + "," + y);
    }

Entiendo que pincel hace referencia a nuestra "brocha" por así decirlo pero cuando dice beginPath o inicio del sendero en castellano a que hace referencia?

desde ya muchas gracias

1 respuesta

Hola Sebastian, espero que estés bien.

Quien pasa el "evento" depende de cual evento vayas a asignar tu función, por ejemplo, lo más común es el evento del mouse. Esto significa que al hacer clic él le va a pasar varias informaciones relacionadas a este evento de la página, una de ellos es el pageX que significa la posición x de la página donde el evento fue accionado.

La instrucción beginPath es pasada por Canvas, y sirve para empezar un nuevo camino de diseño, esto quiere decir, donde se empieza a diseñar.

Le dejaré el enlace de la documentación tanto de Canvas como del evento del mouse:

https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/beginPath

Si tienes alguna duda, no dejes de preguntar. ¡Estamos aquí para ayudarte!.

¡Saludos!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios