首页 > 解决方案 > 如何将画布的宽度和高度设置为浏览器的所有高度和宽度而不会溢出?

问题描述

我想制作一个没有卷轴的具有文档宽度和高度的画布,但我不知道该怎么做。我试过了:

canvas.width = window.innerWidth;
canvas.width = parseInt(getComputedStyle( document.body ).getPropertyValue( 'width' ));
canvas.width = document.body.offsetWidth
canvas.width = document.body.clientWidth

但是我得到了 1-20 个可以滚动的未使用像素,我也不能通过固定像素数来减小宽度和高度——不同的浏览器会以不同的方式显示它。

标签: javascripthtmlcssheightwidth

解决方案


由“显示:块”修复,画布元素默认不是块。


推荐阅读