Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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 HTML5画布始终具有滚动条_Javascript_Html_Html5 Canvas - Fatal编程技术网

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隐藏滚动条,这样会把一些画布留在窗外,使它不可能看到,这不是我想要的。非常感谢,它修复了它。你是救命恩人!!