HTML5中Canvas的小疑点？

2012-10-20

HTML5中Canvas的小问题？？？？？HTML code!DOCTYPE html/htmlheadtitlecanvas中drawImage/titlescr

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

HTML code

<!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.

[解决办法]
<canvas id="myCanvas" width="500" height="650">
Fallback content, in case the browser does not support Canvas.
</canvas>
[解决办法]
你下面又没有用CANVAS。。。当然没有方法了。
[解决办法]
不是
参数是一个image对象或者一个canvas对象

热点排行

JavaScript

HTML5中Canvas的小疑点？