問題の説明
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<style type="text/css" media="screen">
html,body,canvas{
padding: 0;
margin: 0;
}
</style>
<body>
<canvas id="heart">
</canvas>
</body>
</html>
<script>
let c = document.getElementById('heart')
let cw = c.width = $(window).width()
let ch = c.height = $(window).height()
</script>
私はこのケースがあるべきだと思うcanvas要素とbody高さと幅の画面のが、あるべき要素body以外の要素canvasのスクロールバーで、その結果、上記の要素4PX。
ソリューション
理由は、以降canvasの行要素が原因とされている</canvas>直接ここでは、ラベルの後ろにリードラップを追跡するためにcanvasブロックレベル要素の缶に。
<style type="text/css" media="screen">
html,body,canvas{
padding: 0;
margin: 0;
display: block;
}
</style>
