HTML5中Canvas的小问题？？？？？


<!DOCTYPE html>
</html>
<head>

<title>canvas中drawImage</title>
<script>
window.addEventListener('load', function () {
	var canvas = document.getElementById('myCanvas');

  // 取得canvas 2d context.
  var context = canvas.getContext('2d');

//三个参数：图像位置，x,y在canvas中的位置
context.drawImage("image/Opera96.png", 10, 10);
// 五个参数，最后两个是宽高
context.drawImage("image/Opera96.png", 100, 10, 200, 200);

	},false);
	</script>
</head>

<body>
<div id="myCanvas" width="500" height="650">
Fallback content, in case the browser does not support Canvas.
</div>

</body>
</html>

在FireFox中：出现错误
canvas.getContext is not a function
[在此错误处中断] var context = canvas.getContext('2d');

在Opera浏览器中：显示了
Fallback content, in case the browser does not support Canvas.

6 个解决方案

#1

<canvas id="myCanvas" width="500" height="650">
Fallback content, in case the browser does not support Canvas.
</canvas>

#2

你下面又没有用CANVAS。。。当然没有方法了。

#3

引用 1 楼 calmcrime 的回复:

<canvas id="myCanvas" width="500" height="650">
Fallback content, in case the browser does not support Canvas.
</canvas>

哦。。。。。。。。。。。。。。。。。太马虎了，，，，，，
新问题：

Could not convert JavaScript argument arg 0 [nsIDOMCanvasRenderingContext2D.drawImage]
[在此错误处中断] context.drawImage("image/Opera96.png", 10, 10);
Test5c...ge.html (第 14 行)

第一个参数的图像位置不是路径么？？？

#4

Could not convert JavaScript argument arg 0 [nsIDOMCanvasRenderingContext2D.drawImage]
[在此错误处中断] context.drawImage("image/Opera96.png", 10, 10);
Test5c...ge.html (第 14 行)

第一个参数的图像位置不是路径么？？？

#5

不是
参数是一个image对象或者一个canvas对象

#6

现在人真是好少哦

#1

<canvas id="myCanvas" width="500" height="650">
Fallback content, in case the browser does not support Canvas.
</canvas>

#2

你下面又没有用CANVAS。。。当然没有方法了。

#3

引用 1 楼 calmcrime 的回复:

<canvas id="myCanvas" width="500" height="650">
Fallback content, in case the browser does not support Canvas.
</canvas>

秒客网

HTML5中Canvas的小问题？？？？？

6 个解决方案

#1

#2

#3

#4

#5

#6

#1

#2

#3

#4

#5

#6

相关文章