Canvas開發前的小準備（一）
阿新 • • 發佈：2018-12-12
1、HTML5頁面結構分析
<!DOCTYPE html> <!-- 告訴瀏覽器我們使用的HTML模板為HTML5 --> <html lang="en"> <!-- 網頁頁面的根，其他元素均放在其中，只能有一個 --> <head> <!--頁面所有meta元素均包含在這裡 --> <meta charset="UTF-8"> <!-- 編碼方式 --> <title>Canves高速入門</title> <!-- 頁面設定名稱，顯示在瀏覽器標題欄中 --> <!-- CSS 及 javascript 程式碼放置處 --> </head> <body> <!-- 頁面的主題內容均在這裡 --> <div>HTML5之Canves高速入門</div> <!-- 頁面的元素擺放 --> </body> </html>
以上的程式碼顯示效果如下：
2、HTML5開發環境搭建
本系列的開發均使用WebStorm軟體開發，並在火狐瀏覽器除錯；軟體去網上下載就可以了！建議使用火狐瀏覽器除錯，個人覺得好點！
3、HTML5工程建立
雙擊開啟WebStorm，點選Create New Project
左邊選擇HTML5 Boilerplate , 右邊選擇檔案存放路徑以及自定義檔名稱，最後點選Creat
在左邊Project下HTML5右擊，選擇箭標頭檔案，
命名檔名，點選ok
這樣就建立好了，點選右邊箭頭就可以在瀏覽器中顯示當前的程式碼網頁了。
試著將最上面的程式碼複製進去，瀏覽器看看，就ok了。