Something strange is happening when I try to place an image in the canvas...
"Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(HTMLImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap)'"
...when using Chrome.
var c = document.getElementById("start");
var ctx = c.getContext("2d");
var img = document.getElementById("kid");
ctx.drawImage(img,10,10);<html>
<head>
<title>beta</title>
</body>
<link href="chip.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<canvas height="938" width="1890" id="start"></canvas>
<script src="beta.js"></script>
<img src="chio.jpg"id="kid"/>
</html> The HTML and CSS are functioning correctly. It seems to be a JavaScript issue.