js 文件中canvas.getContext('2d');返回null是怎么回事啊?

来源:2-4 Canvas基础 使用滑杆交互

小儒生

2016-09-29 15:56

我把js代码单独写在一个文件里,然后在设置全局变量时

var canvas=document.getElementById('myCanvas');

var cxt=canvas.getContext("2d");

出现filterDemo.js:4 Uncaught TypeError: Cannot read property 'getContext' of null报错,

想问这是怎么回事啊?如果在window.onload里面就不会出错

写回答 关注

7回答

  • YnezWood
    2017-05-19 10:53:28

    把js文件放再body标签后面

  • qq_轩辕氏杰_0
    2017-05-05 21:47:04

    请问 你问题解决了吗? 我也遇见相同的问题了

  • qq_踩在浪花儿上_0
    2017-03-04 12:14:49

    我也遇到了这种情况,但是是html文件出了问题,只要把HTML文件<!doctype html>去了就好了


  • 杜新明
    2016-11-22 16:25:15
    var canvas=document.getElementById('myCanvas');

    如果是在<cavans>标签之前调用,是找不到的这个标签的

  • 慕仔1661316
    2016-10-29 22:22:57

    canvas的id就myCanvas么

  • 小儒生
    2016-10-02 11:15:25

    不是,我在全局里面写法的是正确的。我查资料说是getContext("2d")太快,需要在window.onload里面才行

  • 慕粉3637657
    2016-09-30 20:10:22

    是不是写在全局里的getContext没加"2d"

Canvas玩转图像处理

canvas系列第三课,学会编写图像算法,一起玩转图像处理吧

60311 学习 · 124 问题

查看课程

相似问题