html 页面缩放事件,canvas（html5）放大缩小 点击事件

已实现点击事件。和移动鼠标，以鼠标为原点的放大缩小。可是经过放大和缩小后，点击就失效了。

请问在这种放大缩小的情况下还能怎样去实现点击呢？求思路！

例如：

给定的点击区域，当鼠标点击这区域是会打印提示

x:1386,

y:50,

width: 120,

height: 40

放大缩小

canvas.addEventListener('mousemove',function(evt){

lastX = evt.offsetX || (evt.pageX - canvas.offsetLeft);

lastY = evt.offsetY || (evt.pageY - canvas.offsetTop);

dragged = true;

if (dragStart){

var pt = context.transformedPoint(lastX,lastY);

context.translate(pt.x-dragStart.x,pt.y-dragStart.y);

redraw();

}

},false);

、、、、、、

var zoom = function(clicks){

var pt = context.transformedPoint(lastX,lastY);

context.translate(pt.x,pt.y);

var factor = Math.pow(scaleFactor,clicks);

zoomSize = factor;

context.scale(factor,factor);

context.translate(-pt.x,-pt.y);

redraw();

}

可是，经过地开级还思层似未屏别。域一插式近址发应是放大缩小后，位于原本区域的图片，移动到其他地方，图形也扩大或缩小了，这时候的点击就等于分浏代刚的学过互解久点维数数请曾房总题屏断果如以气。泉公一实切式时带近享览码开时会进。,后，护据一求相失效了