法奇的帝窩

對於慣於使用 CSS 來設定 Element 外觀的前端開發者而言，對於 Canvas 可能會有些抗拒，原因是 Canvas 所有的呈現圖像皆須以 JavaScript 手動刻出來，雖然很麻煩但是能製作出來非常炫麗的效果，了解原理以後在撰寫方面也比較自由。

在開始之前首先我們必須針對不支援 Canvas 的瀏覽器作處理。（儘管目前大多數瀏覽器都支援，但我認為仍需添加這機制，就算是提醒用戶升級瀏覽器這樣對於整體網站的顧客友善度也是好的）

當你在看這篇文章時，你可以發現你能自由編輯目前畫面的所有東西。再講白一點，你可以隨意剪下、貼上你所看得到的所有網頁顯示元素，能做到這點正是 designMode 的強大之處。

document.designMode = "on";//on || off

這只是個體驗開始，為了後面的例子能順利執行，請點這按鈕關掉 designMode。

1. 如果有寫 Js 而且又在本地端執行寫好的 page，IE會跳出下圖訊息。

   想要在本地調用，又不想每次都點允許按鈕，可以在 head 內加入：

   <!-- saved from url=(0014)about:internet -->

2. 想作練習或是想分享 Demo Source 給其他開發者討論，可以來到 JS BIN。（用於討論 Bug 或是新技術非常方便）
   

最近又準備回來寫 HTML 了，相隔數年的重新接觸啊！

這篇純粹是把一些古早的 HTML TAG 給集合起來，如果有回憶起甚麼在陸續增加。