主页
问答

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

1988_1989 2011-10-27 09:58:20



<!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 条回复

切换为时间正序

请发表友善的回复…

发表回复

noflyzone 2012-09-24

现在人真是好少哦

回复赞

KK3K2005 2011-10-27

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

回复赞

1988_1989 2011-10-27

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

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

回复赞

1988_1989 2011-10-27

[Quote=引用 1 楼 calmcrime 的回复:]

<canvas id="myCanvas" width="500" height="650">
Fallback content, in case the browser does not support Canvas.
</canvas>
[/Quote]
哦。。。。。。。。。。。。。。。。。太马虎了，，，，，，
新问题：

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

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

回复赞