谷歌Chrome與JavaScript的錯誤？

我試圖把圖像中的畫布，這種情況發生......谷歌Chrome與JavaScript的錯誤？

"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的問題。

來源

2015-09-25 spgice S

這是怎麼回事，在'分號'？ – nrabinowitz

該標記是一個完整的混亂...爲什麼關閉''在頭部？還有''標籤中已經提到的分號。修復這些後，它仍然無法工作。您必須在**''之後移動''**。否則'document.getElementById（「孩子」）'將'null' – Andreas

這是搞笑..只是說.. –

問題是您在img標記中出現的怪異分號。

更換

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

與

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

來源

2015-09-25 16:41:31

谷歌Chrome與JavaScript的錯誤？

回答

相關問題