第七堂課程側重視覺設計的部份,討論2D繪圖與動畫。
HTML5 導入Canvas標籤針對2D 繪圖功能提供支援,並且經由 canvas 取得 context 物件,進行圖形內容描繪。Canvas 依賴 JavaScript 進行圖形描繪,完成的圖形無法縮放,因此會在放大之後失真。
前端開發亦支援SVG繪圖技術,對於非程式開發背景的設計人員,SVG 因為利用標籤定義圖形,因此更易於使用,而SVG完成的圖形以向量格式呈現,因此在畫面縮放之後不會有失真的問題。
除了Canvas與SVG,另外討論動畫實作技巧,包含 setInterval() 與 setTimeout() 兩個 JavaScript 函式的應用。
HTML5 導入Canvas標籤針對2D 繪圖功能提供支援,並且經由 canvas 取得 context 物件,進行圖形內容描繪。Canvas 依賴 JavaScript 進行圖形描繪,完成的圖形無法縮放,因此會在放大之後失真。
清空畫面
前端開發亦支援SVG繪圖技術,對於非程式開發背景的設計人員,SVG 因為利用標籤定義圖形,因此更易於使用,而SVG完成的圖形以向量格式呈現,因此在畫面縮放之後不會有失真的問題。
除了Canvas與SVG,另外討論動畫實作技巧,包含 setInterval() 與 setTimeout() 兩個 JavaScript 函式的應用。
沒有留言:
張貼留言