【公告】網站目前停止所有的課程訂閱服務,原有學員權益不受影響,造成不便還請見諒,我們正在打造更多課程以及圖書,包含 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供全新課程訂閱服務,感謝學員的支持。
【公告】《Entity Framework 實務精要》 絕版優惠學習活動,是針對最後一批少量書籍絕版的短期特別活動,只提供 20 個名額(剩 5 名),教學影片要在今年暑假過後才會重新開放訂閱,並沒有提供之前單獨購書的讀者,還請見諒, 如果您需要教學影片,屆時再請參與,也感謝讀者學員的支持,我們正在開發更多的教學內容,歡迎與我們一起努力。
《Entity Framework 實務精要》 絕版優惠學習活動》

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

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

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



清空畫面

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

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




沒有留言: