为了账号安全,请及时绑定邮箱和手机立即绑定

代码完全复制(结果在chrome和Firefox里都报错)

代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>canvers</title>
</head>
<body>
<canvas id="canvas" width="1075px" height="675px" style="display: block; border:1px solid #999;margin: 0 auto;">
 您的浏览器暂不支持canvas!请更换浏览器重试。
</canvas>
<script type="text/javascript" >
 var can = document.getElementById("#canvas");
 alert(can);
 var context = can.getContext("2d");
 var myImage = new Image();
 window.onload = function(){
        myImage.src = "test.png";
 myImage.onload = function(){
            context.drawImage(myImage,50,50);
     };
 };
</script>
</body>
</html>

报错如下:TypeError: can is null

正在回答

3 回答

其实,我试着用jQuery写,但是我的水平实在是太差,写完到处报错,运行不了。

0 回复 有任何疑惑可以回复我~
var can = document.getElementById("canvas");

你的JS获取ID的内容写错了

1 回复 有任何疑惑可以回复我~
 var can = document.getElementById("canvas");

原生js用id获取是不加“#”的

1 回复 有任何疑惑可以回复我~
#1

斜杠男人

不用原生js,用jquery可以吗?$("#canvas");
2016-10-06 回复 有任何疑惑可以回复我~
#2

想做学霸的渣渣 回复 斜杠男人

我好久没登陆了 使用jq获取的是jq对象 jq对象是没有getContext这个方法的,如果使用jq获取canvas对象需要对获取到得jq对象进行转换 $("#canvas")[0] 这样就可以了
2016-10-25 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

代码完全复制(结果在chrome和Firefox里都报错)

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信