Web 前端開發-零基礎入門:第七堂

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

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



清空畫面

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

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




沒有留言: