javascript - 如何使宽度和高度画布等于 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"  />