代碼完全復制(結果在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
你的JS獲取ID的內容寫錯了
2015-12-02
原生js用id獲取是不加“#”的