Javascript 如果删除了不相关的脚本，则使用html画布生成的Iphone图像将被裁剪
我正在尝试在iphone上查看使用html5画布生成的图像 浏览器页面检测到iphone，然后重定向到特定于iphone的页面。 图像显示正确 现在问题出在这里。 iphone页面是浏览器页面的精简版。当我从页面中删除两个完全不相关的脚本时，我发现iphone上的图像出现了裁剪（图像底部出现了裁剪），这只是为了确定。我用其他脚本替换脚本。无论涉及哪些脚本，当出现两个脚本时，图像都会正确显示 我还发现，如果没有脚本的iphone页面直接加载（而不是重定向），图像显示正确。只有将从浏览器页面重定向到iphone页面而不使用脚本时，才不起作用。重新加载iphone页面也能正确显示图像 顺便说一句，我注意到当我将手机的方向更改为横向和反向时，也会出现类似的裁剪效果，但我不确定这是否有任何关系 我猜裁剪与画布生成的时间有关，但我不确定。这让我很困惑 无论如何，这是iphone页面的代码Javascript 如果删除了不相关的脚本，则使用html画布生成的Iphone图像将被裁剪,javascript,iphone,image,html5-canvas,Javascript,Iphone,Image,Html5 Canvas,我正在尝试在iphone上查看使用html5画布生成的图像 浏览器页面检测到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>
画布图像内容majig
编辑：仅供参考，我使用的是固件版本为4.1（8B117）的iphone 4。似乎是时间问题 我修改了上面的代码以便
<body onload="init();">
<body onload=setTimeout("init()",100);>