在绘制时画布HTML错误

我在画布上渲染东西时出现问题。它给了我以下错误：TypeError：CanvasRenderingContext2D.drawImage的参数1无法转换为HTMLImageElement，HTMLCanvasElement，HTMLVideoElement中的任何一个：参数1的CanvasRenderingContext2D.drawImage不能转换为HTMLImageElement，HTMLCanvasElement，HTMLVideoElement。 @文件：///home/alex/Desktop/Game/index.html：24在绘制时画布HTML错误

var gameCanvas = document.getElementById("graphics"); 
var grafx = gameCanvas.getContext("2d"); 
var stele = new Object("../resources/sprites/enemy/enemyship1.png",500,500); 
GameLoop(); 

function GameLoop(){ 

grafx.clearRect(0,0,gameCanvas.width,gameCanvas.height); 
grafx.drawImage(stele.Sprite,stele.X,stele.Y); 


setTimeout(GameLoop,1000/60); 
} 

function SteleMiscatoare(img,x,y) { 
this.Sprite = new Image(); 
this.Sprite.src = img ; 
this.X = x; 
this.Y = y; 

}

和HTML文件：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>UFO Space Atack</title> 
<link rel="stylesheet" style="text/css" href="data/stylesheet.css" /> 
</head> 
<body onkeydown="keyDown(e)" onkeyup="keyUp(e)"> 
<div class="container"> 
    <h1 class="title">UFO Space Atack</h1> 
</div> 
<div class="canvascontainer" align="center"> 
    <canvas id="graphics" width="950px" height="490" id="graphics"></canvas> 
</div> 

<script src="data/stele.js"></script> 

</body> 
</html>

有人可以帮我解决这个问题？谢谢！林beginer在JavaScript中......

来源

2013-09-29 Alexandru Stamp

var stele = new Object("../resources/sprites/enemy/enemyship1.png",500,500);

应该是：

var stele = new SteleMiscatoare("../resources/sprites/enemy/enemyship1.png",500,500);

来源

2013-09-29 14:18:54 Levi

工作。谢谢！ –

在绘制时画布HTML错误

回答

相关问题