谷歌浏览器错误与JavaScript

google chrome error with JavaScript?

本文关键字：JavaScript 错误 谷歌浏览器      更新时间：2023-09-26

我试图把图像放在画布上，这发生了…

"未捕获的类型错误:执行'drawImage'失败。'CanvasRenderingContext2D':提供的值不是类型'(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工作良好。

问题是您在img标记中使用的奇怪分号。

代替

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


<img src="chio.jpg" id="kid"/>
相关文章：