Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.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 具有块显示的画布在div和Canvas元素之间仍然有间隙_Javascript_Css_Html_Canvas - Fatal编程技术网

Javascript 具有块显示的画布在div和Canvas元素之间仍然有间隙

Javascript 具有块显示的画布在div和Canvas元素之间仍然有间隙,javascript,css,html,canvas,Javascript,Css,Html,Canvas,打开这个并检查元素,您会看到画布和顶部之间有一个间隙 如何消除这一差距 <html> <title>Canvas demo</title> <body bgcolor="black" style="overflow: hidden"> <center> <div id="game_container"> <canvas id="canvas" style= "width: 780px; heig

打开这个并检查元素,您会看到画布和顶部之间有一个间隙

如何消除这一差距

<html>
<title>Canvas demo</title>
<body bgcolor="black" style="overflow: hidden">
<center>
    <div id="game_container">
        <canvas id="canvas" style= "width: 780px; height: 780px; cursor: none;">
        </canvas>
    </div>
</center>
</body>

<script>
var canvas = document.getElementById('canvas');
canvas.style.display = 'block';
</script>

在这种情况下,可以使用重置css

canvas {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

我猜是因为这个机构提供了违约保证金 试试这个

这应该可以解决问题

html,body,canvas{margin:0;padding:0;border:0;font-size: 100%;width:100%;height:100%;}