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

Question

我在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;

Answer 1

它可以帮助您将其包含在HTML页面中

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