我正在尝试构建一个浏览器应用程序,让用户使用滚轮放大和缩小矢量图像。 但是,现在当您滚动它时,只需将鼠标的位移矢量移动到可滚动区域的中心,然后将图像转换为相反的方向。
function mousewheel(e){
e.preventDefault();
zoom.amount+=e.wheelDeltaY/300;
if (zoom.amount<zoom.min) {zoom.amount=zoom.min;}
else{
zoom.x -= (e.layerX-(map.clientWidth/2));
zoom.y -= (e.layerY-(map.clientHeight/2));
}
zoom.update();
}
http://aerracenmedia.github.io/AthiusInteractiveMap/app/index.html
理想情况下,我想制作它,以便不断放大鼠标所在的位置(如谷歌地图) 而不是仅仅移动地图。 我该如何实现呢?