Foros del Web » Creando para Internet » HTML »

Obtener la posicion de una imagen dentro de un canvas

Estas en el tema de Obtener la posicion de una imagen dentro de un canvas en el foro de HTML en Foros del Web. Buenas gente, les cuento, dibujo una imagen dentro de mi canvas, y a traves de eventos de mouse voy haciendo zooms y scrolling vertical y ...
  #1 (permalink)  
Antiguo 27/12/2011, 06:50
 
Fecha de Ingreso: junio-2010
Mensajes: 155
Antigüedad: 14 años, 5 meses
Puntos: 0
Obtener la posicion de una imagen dentro de un canvas

Buenas gente, les cuento, dibujo una imagen dentro de mi canvas, y a traves de eventos de mouse voy haciendo zooms y scrolling vertical y horizontal dentro del canvas.

var gkhead = new Image;
ctx.drawImage(gkhead, 200, 50);
gkhead.src = 'http://phrogz.net/tmp/gkhead.jpg';

Lo que necesitaria es saber como obtener la posicion de esta imagen dentro del canvas para verificar que si cuando se aleja el zoom, y la imagen queda mas chica que el canvas (en un principio tienen el mismo tamaño..) que se detenga el scroll cuando la imagen choca contra alguno de los 4 bordes.

Para que se guien mejor les dejo el ejemplo que estoy siguiendo:
http://phrogz.net/tmp/canvas_zoom_to_cursor.html

Alguien conoce alguna manera de hacer esto? desde ya muchas gracias!

Etiquetas: canvas, posicion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:23.