Я пытаюсь просмотреть изображение на iphone, созданное с использованием холста html5.
Страница браузера обнаруживает iphone, затем перенаправляет на определенную страницу iphone.
Изображение отображается правильно.
Теперь вот проблема .
Страница iphone является урезанной версией страницы браузера. Удаляя его обратно, я обнаружил, что когда я удалил 2 совершенно не связанных между собой сценария со страницы, изображение на iphone оказалось обрезанным (нижняя часть изображения оказалась обрезанной). Просто чтобы быть уверенным. Я заменил сценарии другими сценариями. Независимо от задействованных сценариев, при наличии двух сценариев изображение будет отображаться правильно.
Я также обнаружил, что если страница iphone без сценариев загружалась напрямую (не перенаправлялась), изображение отображалось правильно. было только при перенаправлении со страницы браузера на страницу iphone без сценариев , что не работало. При перезагрузке страницы iphone изображение также отображалось правильно .
Кстати, я заметил похожий эффект обрезки, когда меняю ориентацию телефона на альбомную и обратно, но я не уверен, связано ли это вообще.
Я предполагаю, что обрезка как-то связана с созданием холста, но я не уверен. Это меня довольно озадачило.
В любом случае, вот код для страницы iphone.
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<title>canvas image thingy majig</title>
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
<link type="text/css" href="/iphone.css" rel="stylesheet" />
<link type="text/css" href="/style.css" rel="stylesheet" />
<script type="text/javascript" src="/MOB.js"> </script>
</head>
<body onload="init();">
<section id="drawingArea">
<canvas id="canvas"> </canvas>
</section>
<input class="reset" type="button" value="Clear" onClick="window.location.reload()">
<script type="text/javascript" src="/cmmn/sclbkmk.js"></script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</body>
</html>
У кого-нибудь есть идеи о том, что идет не так?
РЕДАКТИРОВАТЬ: Просто для справки я использовал iphone 4 с прошивкой версии 4.1 (8B117).