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.
...全文
301 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
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 行)


第一个参数的图像位置 不是路径么???
三石-gary 2011-10-27
  • 打赏
  • 举报
回复
你下面又没有用CANVAS。。。当然没有方法了。
001007009 2011-10-27
  • 打赏
  • 举报
回复
<canvas id="myCanvas" width="500" height="650">
Fallback content, in case the browser does not support Canvas.
</canvas>

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧