Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript';窗口';宽度和高度计算_Javascript_Jquery - Fatal编程技术网

Javascript';窗口';宽度和高度计算

Javascript';窗口';宽度和高度计算,javascript,jquery,Javascript,Jquery,我正在使用一些代码来创建一个画布元素,理想情况下可以填充屏幕,但是我相信有一些javascript正在将画布容器渲染为浏览器窗口的宽度/高度,而实际上我希望它是我确定的固定像素宽度 var canvas = document.querySelector("#canvas2"), ctx = canvas.getContext('2d'); // Set Canvas to be window size canvas.width = window.innerWidth; canvas.heigh

我正在使用一些代码来创建一个画布元素,理想情况下可以填充屏幕,但是我相信有一些javascript正在将画布容器渲染为浏览器窗口的宽度/高度,而实际上我希望它是我确定的固定像素宽度

var canvas = document.querySelector("#canvas2"),
ctx = canvas.getContext('2d');

// Set Canvas to be window size
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

有没有人能告诉m我需要用什么来替换window.innerWidth和window.innerHeight以成为固定宽度/高度?

canvas.width=2700
。是的,真的很简单

如果在页面加载之前知道元素将存在,也可以使用CSS执行此操作:

画布{
最小宽度:2700px;
}

在这里使用CSS的好处是,如果画布大小发生变化,许多画布绘制库将无法正确绘制(当JavaScript在第一次绘制后影响元素时,很容易发生这种情况)。

canvas.width=2700
。是的,真的很简单

如果在页面加载之前知道元素将存在,也可以使用CSS执行此操作:

画布{
最小宽度:2700px;
}

在这里使用CSS的好处是,如果画布大小发生变化,许多画布绘制库将无法正确绘制(当JavaScript在第一次绘制后影响元素时,很容易发生这种情况)。

要填充的屏幕:计算机、平板电脑、电话、,等?可能的重复我希望它的最小宽度为2700px,以便填充所有屏幕,它不需要响应,它不需要拉伸您要填充的屏幕:计算机、平板电脑、手机等?可能的重复我希望它的最小宽度为2700px,以便填充所有屏幕,它不需要响应,它不需要拉伸这就是这个网站的目的!如果这解决了你的问题,标记为一个公认的答案是感激:)这就是这个网站的目的!如果这解决了您的问题,请将其标记为可接受的答案:)