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

源自：2-1 Canvas基础使用drawImage绘制图像

代码完全复制（结果在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

提问者：qq_驦之锿殤_0 2015-12-02 14:58

个回答

ThinkSummer

2015-12-24 14:48:17

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

0
温柔你整个宇宙

2015-12-02 19:22:35
```
var can = document.getElementById("canvas");
```
你的JS获取ID的内容写错了

1
想做学霸的渣渣

2015-12-02 15:53:53
```
 var can = document.getElementById("canvas");
```
原生js用id获取是不加“#”的

1