Javascript 如何在Iphone中使画布的宽度和高度等于浏览器大小

我在Iphone浏览器中遇到了一个与宽度和高度画布相关的问题。在第一次加载中，我试图使这段代码使画布的宽度和高度达到整页。如果第一次加载是在纵向模式下，而不是在横向模式下，则大小与预期一样大。有没有其他方法可以抓取全尺寸的肖像和风景

     var context = document.getElementById("myCanvas").getContext("2d");
     var canvasImage = document.getElementById("myCanvas"),
         canvasMessage = document.getElementById("myCanvas2"),
         canvasImage.width = window.innerWidth;
         canvasImage.height = window.innerHeight; // on portrait it give 1091 but not in                                 landscape
         canvasMessage.width = window.innerWidth;
         canvasMessage.height = window.innerHeight;

这可能对你有帮助 将其包含在HTML页面中

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"  />