Javascript';窗口';宽度和高度计算
我正在使用一些代码来创建一个画布元素,理想情况下可以填充屏幕,但是我相信有一些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
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,以便填充所有屏幕,它不需要响应,它不需要拉伸这就是这个网站的目的!如果这解决了你的问题,标记为一个公认的答案是感激:)这就是这个网站的目的!如果这解决了您的问题,请将其标记为可接受的答案:)