Web 前端開發－零基礎入門：第七堂

第七堂課程側重視覺設計的部份，討論2D繪圖與動畫。

HTML5 導入Canvas標籤針對2D 繪圖功能提供支援，並且經由 canvas 取得 context 物件，進行圖形內容描繪。Canvas 依賴 JavaScript 進行圖形描繪，完成的圖形無法縮放，因此會在放大之後失真。

清空畫面

前端開發亦支援SVG繪圖技術，對於非程式開發背景的設計人員，SVG 因為利用標籤定義圖形，因此更易於使用，而SVG完成的圖形以向量格式呈現，因此在畫面縮放之後不會有失真的問題。

除了Canvas與SVG，另外討論動畫實作技巧，包含 setInterval() 與 setTimeout() 兩個 JavaScript 函式的應用。