масштабирование выбранной части изображения с помощью события колесика мыши

Question

У меня есть эта ссылка jsfiddle: http://jsfiddle.net/seekpunk/JDU9f/1/

Я хочу, чтобы пользователь увеличивал и уменьшал изображения с помощью колеса прокрутки мыши. Есть ли способ добиться этого? пока это код:

function mouseWheelFun(e) {
 var mousex = 0, mousey = 0;
 var magnification = 10;
 var img = $(".zoombox.active canvas")[0];
 var wheel = e.wheelDelta/120;// n or -n
 if(wheel < 0){
  console.log('zoomout');           
 }else{
  console.log('zoomin');
  mousex = event.clientX - canvas.offsetLeft;
  mousey = event.clientY - canvas.offsetTop;
 }
}


zoom image using mouse wheel event