Canvas視頻教程下載
課程介紹:
Canvas是HTML5 提供的一個用于展示繪圖效果的標簽,它通過 JavaScript 來繪制 2D圖形。Canvas 是逐像素進行渲染的。開發(fā)者可以通過javascript腳本實現(xiàn)任意繪圖。在Canvas 中,一旦圖形被繪制完成,它就不會繼續(xù)得到瀏覽器的關(guān)注。如果其位置發(fā)生變化,那么整個場景也需要重新繪制,包括任何或許已被圖形覆蓋的對象。需要對Canvas做詳細了解可以看看這套Canvas視頻教程,可以分為兩天來學習。
Canvas視頻教程目錄介紹:
第一天學習內(nèi)容:
01-體驗canvas繪圖
02-解釋上下文和繪制路徑
03-繪制平行線&線模糊問題
04-繪制三條不同顏色和寬度的平行線
05-繪制填充的三角形
06-繪制鏤空的正方形&非零環(huán)繞填充規(guī)則
07-線兩端樣式&拐點樣式
08-繪制虛線
09-繪制漸變的矩形
10-折線圖-繪制網(wǎng)格
11-折線圖-繪制坐標系
12-折線圖-繪制點
13-折線圖-對象的構(gòu)建
14-折線圖-面向?qū)ο螅ňW(wǎng)格和坐標系)
15-折線圖-面向?qū)ο螅c&連線)
16-繪制矩形
17-繪制漸變的矩形
第二天學習內(nèi)容:
01-解釋什么是弧度
02-體驗曲線的繪制
03-使用圓弧繪制函數(shù)
04-繪制扇形
05-繪制n等分的隨機顏色的圓
06-繪制根據(jù)數(shù)據(jù)的餅圖
07-繪制文本帶下劃線的畫布中心
08-繪制餅狀圖-需求&對象架子
09-繪制餅狀圖-繪制餅圖
10-繪制餅狀圖-繪制標題
11-繪制餅狀圖-繪制說明
12-繪制圖片-圖片的加載
13-繪制圖片-三種繪制方式
14-繪制圖片-幀動畫
15-繪制圖片-行走小人-上篇
16-繪制圖片-行走小人-下篇
17-繪制圖片-轉(zhuǎn)換
Canvas視頻教程部分資料截圖展示:
購買過此商品的人還購買過