Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/12/2011, 06:50
walrus86
 
Fecha de Ingreso: junio-2010
Mensajes: 155
Antigüedad: 13 años, 10 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!