canvas怎么铺满整个屏幕，适配各种屏幕分辨率？

• Z时代
• 2024-02-18
• 分类：IT

回答：

cavas的width和height 宽高需要js检测了浏览器窗口，通过以下可获取。

window.innerHeight
window.innerWidth

不过一般为了更好的显示效果 canvas的宽高会成倍数如2倍图展示就在宽高上'x2'，但这样会存在问题就是图比屏幕大，应该也是提问者主要问的。不过解决这个也很简单通过css即可解决。

// 通过fixed
canvas {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
// or 通过vw / vh
canvas{
    height: 100vh;
    width: 100vw;
}

以上是 canvas怎么铺满整个屏幕，适配各种屏幕分辨率？ 的全部内容， 来源链接： utcz.com/p/932814.html