代碼完全復制(結果在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
2015-12-24
其實,我試著用jQuery寫,但是我的水平實在是太差,寫完到處報錯,運行不了。
2015-12-02
var?can?=?document.getElementById("canvas");你的JS獲取ID的內容寫錯了
2015-12-02
?var?can?=?document.getElementById("canvas");原生js用id獲取是不加“#”的