Javascript HTML5画布始终具有滚动条
我的网页上有这个画布,但每当我加载它时,无论我以何种方式调整屏幕大小,它总是以一个水平轴和垂直轴滚动条结束。我怎样才能解决这个问题?我的显示器有不同的长宽比,这会影响它吗?我不能给出任何参考代码,因为我唯一一次提到宽度和高度是第一次设置值:Javascript HTML5画布始终具有滚动条,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,我的网页上有这个画布,但每当我加载它时,无论我以何种方式调整屏幕大小,它总是以一个水平轴和垂直轴滚动条结束。我怎样才能解决这个问题?我的显示器有不同的长宽比,这会影响它吗?我不能给出任何参考代码,因为我唯一一次提到宽度和高度是第一次设置值: canvas.width = 1280; canvas.height = 720; 非常感谢您的帮助,我现在正处于一种危机之中 编辑: 这有点不相关,但这里是我所有的代码,请尝试css的vh和vw属性。应使用屏幕垂直高度作为默认值。应该有帮助。将其设置为1
canvas.width = 1280;
canvas.height = 720;
非常感谢您的帮助,我现在正处于一种危机之中
编辑:
这有点不相关,但这里是我所有的代码,请尝试css的
vh
和vw
属性。应使用屏幕垂直高度作为默认值。应该有帮助。将其设置为100。只需添加框大小:
canvas {
box-sizing: border-box;
border: 1px solid black;
height: 100vh;
width: 100vw;
}
出现滚动条的原因是canvas元素使用了超出窗口边界的边界。看看css溢出属性,它不只是隐藏了一些吗?我想在适当的地方看到整个过程。您能在JSFIDLE中提供相关的html、css和js吗?这将使帮助更容易制作一个代码笔演示,我们更容易帮助你。不,没有工作。即使我设置了窗口的高度和宽度,它仍然有一个小滚动条。考虑用CSS隐藏滚动条,这样会把一些画布留在窗外,使它不可能看到,这不是我想要的。非常感谢,它修复了它。你是救命恩人!!