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.

解决方案 »

  1.   

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

  2.   

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

  3.   

    哦。。太马虎了，，，，，，
    新问题：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对象