MobileSafari не возвращает правильный размер изображения с помощью JavaScript
У меня есть HTMLтестовая страница для этой проблемы здесь, По какой-то причинеMobileSafari сообщает оImage.width/height
свойства любого изображения с более чем 1700 пикселей как половина его значения, Этоwidth
свойство JPG, скажем, 2000, но MobileSafari JavaScript сообщает об этом как 1000. Если я попробую тот же код с изображением шириной 1700 пикселей, я получу правильную ширину.
Тест Я загрузил два изображения (одно и то же изображение в разных измерениях) и отображает значения размера JavaScript. Я попробовал в:
Chrome 22, Safari 5.1.7, Firefox 15.0.1 все в Mac OS X 10.6.8 (правильный размер)iOS Simulator 4.3 SDK 3.2 (неверный размер)iPad 2 с iOS 5.1 (неправильный размер)iPhone 4S с iOS 5.1 (неправильный размер)Есть идеи, почему это происходит? Я что-то пропустил? Почему это работает с некоторыми изображениями, но не с другими?
Тест здесь:http://still-island-1941.herokuapp.com/sizetest.html
Это код JavaScript:
var imgBig, imgSmall;
function init() {
imgBig = new Image();
imgBig.onload = handleBig;
imgBig.src = "/images/size.jpg";
imgSmall = new Image();
imgSmall.onload = handleSmall;
imgSmall.src = "/images/test1.jpg";
document.getElementById("browser").innerHTML = navigator.userAgent;
}
function handleBig() {
document.getElementById("dimensionsBig").innerHTML = imgBig.width + "x" + imgBig.height;
document.getElementById("testBig").src = imgBig.src;
}
function handleSmall() {
document.getElementById("dimensionsSmall").innerHTML = imgSmall.width + "x" + imgSmall.height;
document.getElementById("testSmall").src = imgSmall.src;
}
Это HTML-код:
MobileSafari image dimensions test
<p>your browser: <strong><span id="browser"></span></strong></p>
<p>big image dimensions: <strong><span id="dimensionsSmall"></span></strong> (should be 1700x1134)</p>
<img id="testSmall">
<p>small image dimensions: <strong><span id="dimensionsBig"></span></strong> (should be 2000x1334)</p>
<img id="testBig">