我正在使用phonegap创建一个应用。在我的页面上,我只是渲染一个图像,然后我使用Javascript通过获取图像大小来定位它。如果用户点击该链接,即使您在计算机浏览器上进行缩放。
var img = new Image();
var imgheight = 0;
var imgwidth = 0;
//This loads the original image to a variable
var img = new Image();
//define onload function of variable
img.onload = function() {
imgheight = this.height
imgwidth = this.width;
var factorw = $('#'+imgId).width() / imgwidth;
var factorh = $('#'+imgId).height() / imgheight;
//these numbers are the default location of the link from the image
var x1 = factorw * 9;
var x2 = factorw * 285;
var y1 = factorh * 150;
var y2 = factorh * 250;
}
img.src = $('#sampleImg').attr('src');
但现在当我在设备上调试它时,移动设备似乎有不同的缩放。当我尝试从设备放大图像并尝试单击链接时,它没有响应。它只响应我点击链接所在的同一个地方。 有人可以帮我这个吗?