Udemy線上課程 HTML5 Canvas畫布從入門到項目實戰 講師:Davie Kong 影音教學 中文發音 中文版(DVD版)
課程簡介：
本課程旨在幫助學員全面瞭解和掌握H5 Canvas畫布的基本概念和使用技巧，通過大量實例和項目實戰，培養學員在Canvas繪圖方面的能力，以及數據可視化大屏項目的實現。
課程介紹:
歡迎參加我們的Canvas課程！本課程將帶領您深入瞭解和掌握Canvas技術，幫助您成為一名出色的Web前端開發者。
無論您是初學者還是有一定經驗的開發者，本課程都能夠滿足您的學習需求。
在本課程中，我們將從基礎知識開始，逐步引導您瞭解Canvas的核心概念和工作原理。
您將學習如何在網頁上建立交互式的繪圖和動畫效果，為用戶提供更加豐富和生動的視覺體驗。
我們將探討Canvas的各種功能和方法，包括繪製基本形狀、繪製圖像、使用路徑和樣式等。
除了基本的繪圖功能，我們還將介紹如何利用Canvas建立複雜的動畫效果和遊戲。
您將學習如何使用定時器和幀動畫來實現平滑的動畫效果。
此外，您將學習如何使用Canvas進行圖像處理，以及如何應用濾鏡和特效來增強圖像效果。
最後，本課程還將介紹一些實際應用案例，如數據可視化、圖表繪製和圖像編輯等。
您將學習如何將Canvas與其他前端技術（如HTML、CSS和JavaScript）結合起來，建立出更加豐富和實用的Web應用程序。
通過參加本課程，您將獲得全面的Canvas開發技能，並能夠獨立設計和實現各種複雜的繪圖和動畫效果。
無論您是想提升自己的技能，還是尋找新的職業發展機會，本課程都將是您的最佳選擇。
加入我們吧，一起開啟Canvas的奇妙之旅！
課程大綱：
Canvas 畫布概述什麼是Canvas一些有趣的Canvas畫布案例Canvas畫布元素繪圖上下文Canvas繪製的基礎API繪製矩形顏色和樣式全局透明度 globalAlpha擦除矩形區域繪製路徑繪製圓弧貝塞爾曲線繪製文字Canvas繪製複雜圖形繪製陰影圖形填充使用漸變繪製圖片裁剪路徑高級繪圖APICanvas 狀態保存和恢復移動座標使用縮放旋轉座標自定義變換圖像合成操作元素顏色反轉Canvas動畫基礎動畫複雜動畫離屏Canvas在webworker中使用離屏canvas數據可視化大屏項目實戰項目介紹和實現步驟拆解頁面佈局-1頁面佈局-2邊框樣式實現統計樣式Echarts圖表的基本使用實現地圖圖表
學完收穫：
學員將全面掌握H5 Canvas畫布的基本概念和使用技巧，能夠獨立完成各種繪圖任務，並具備實現數據可視化大屏項目的能力。
適合人群：
本課程適合具備一定前端開發基礎的學員，希望深入學習和應用Canvas繪圖技術，並對數據可視化感興趣的開發人員。
你將學到的重點知識點：繪圖上下文基礎圖形繪製API貝塞爾曲線圖像編輯Canvas動畫離屏CanvasEcharts可視化大屏
01 - Canvas 畫布概述
001 什麼是Canvas.mp4
002 一些有趣的Canvas畫布案例.mp4
003 Canvas畫布元素.mp4
004 code.zip
004 繪圖上下文.mp4
02 - Canvas繪制的基礎API
001 繪制矩形.mp4
002 顏色和樣式.mp4
003 全局透明度 globalAlpha.mp4
004 擦除矩形區域.mp4
005 繪制路徑.mp4
006 繪制圓弧.mp4
007 貝塞爾曲線.mp4
008 02-Canvas-API-code.zip
008 繪制文字.mp4
03 - Canvas繪制復雜圖形
001 繪制陰影.mp4
002 圖形填充.mp4
003 使用漸變.mp4
004 繪制圖片.mp4
005 03-Canvas-code.zip
005 裁剪路徑.mp4
04 - 高級繪圖API
001 Canvas 狀態保存和恢復.mp4
002 移動坐標.mp4
003 使用縮放.mp4
004 旋轉坐標.mp4
005 自定義變換.mp4
006 圖像合成.mp4
007 操作元素.mp4
008 04-API-code.zip
008 顏色反轉.mp4
05 - Canvas動畫
001 基礎動畫.mp4
002 復雜動畫.mp4
003 離屏Canvas.mp4
004 05-Canvas-code.zip
004 在webworker中使用離屏canvas.mp4
06 - 數據可視化大屏項目實戰
001 項目介紹和實現步驟拆解.mp4
002 頁面布局一.mp4
003 頁面布局二.mp4
004 邊框樣式.mp4
005 實現統計樣式.mp4
006 Echarts圖表的基本使用.mp4
007 06.zip
007 實現地圖圖表.mp4
|
|
專業知識教學
