放大触摸设备上的缩小

时间:2017-07-25 12:38:38

标签: jquery html css zoom zooming

我尝试在触控设备(如手机,平板电脑......)上放大缩小。

a
function resizeImg(img) {
  var resize = 150; 
  var origH = 61;  
  var origW = 250; 
  var mouseX = event.x;
  var mouseY = event.y;
  var newH = origH * (resize / 100);
  var newW = origW * (resize / 100);

  // Set the new width and height
  img.style.height = newH;
  img.style.width = newW;

  var c = img.parentNode;

  // Work out the new center
  c.scrollLeft = (mouseX * (resize / 100)) - (newW / 2) / 2;
  c.scrollTop = (mouseY * (resize / 100)) - (newH / 2) / 2;
}

首先,对于我对这个问题的了解有限,我很抱歉。 但是,当我在触摸设备上运行应用程序时,如何放大/缩小img?我的意思是,我们怎样才能将动作捏到动物园进/出,但它仍然在div标签中(不是放大/缩小所有页面/浏览器)? :d

有人有关于缩放的经验,你能不能给我一个想法?我非常感谢^^

添加:这是我的resizeImg函数。但它仍然无法在触摸设备上使用,并且难以使用:(

0 个答案:

没有答案