代码完全复制（结果在chrome和Firefox里都报错）
来源：2-1 Canvas基础 使用drawImage绘制图像
qq_驦之锿殤_0
2015-12-02 14:58
代码如下
<!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回答
-
- ThinkSummer
- 2015-12-24 14:48:17
其实，我试着用jQuery写，但是我的水平实在是太差，写完到处报错，运行不了。
-
- 温柔你整个宇宙
- 2015-12-02 19:22:35
var can = document.getElementById("canvas");你的JS获取ID的内容写错了
-
- 想做学霸的渣渣
- 2015-12-02 15:53:53
var can = document.getElementById("canvas");原生js用id获取是不加“#”的
Canvas玩转图像处理
canvas系列第三课，学会编写图像算法，一起玩转图像处理吧
60311 学习 · 124 问题
相似问题