gpt4 book ai didi

javascript - 使用 JavaScript 的谷歌浏览器错误?

转载 作者:行者123 更新时间:2023-11-30 16:35:18 24 4
gpt4 key购买 nike

我正在尝试将图像放入 Canvas 中,但发生了这种情况...

"Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(HTMLImageElement or HTMLVideoElement or HTMLCanvasElement or 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 问题。

最佳答案

问题是 img 标签中的奇怪分号。

替换

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

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

关于javascript - 使用 JavaScript 的谷歌浏览器错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32786833/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com