谷歌浏览器的JavaScript错误？

Question

我试图将图像放在画布上，这发生了...

“未捕获的TypeError：无法在'CanvasRenderingContext2D'上执行'drawImage'：提供的值不是'（HTMLImageElement或HTMLVideoElement或HTMLCanvasElement或ImageBitmap）类型的值”

...在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> 

html和css工作正常。 JavaScript的问题。

Answer 1

问题在于您在img标签中使用了奇怪的分号。

更换

<img src="chio.jpg";id="kid"/>

同

<img src="chio.jpg" id="kid"/>