const canvas = document.getElementById('canvas')
const ctx = canvas.getContext('2d')
<canvas id="canvas"></canvas>
* {
margin: 0;
padding: 0;
}
canvas {
width: 500px;
height: 300px;
margin: 100px;
background-color: #ccc;
}