首頁
課程分類
電腦辦公
平面設計
室內設計
室外設計
機械設計
工業(yè)自動化
影視動畫
程序開發(fā)
網頁設計
會計課程
興趣成長
AIGC
遠程培訓班
商城
登錄/注冊
幫助中心
首頁
網頁設計
HTML5圖形開發(fā)入門教程
分享
關注
HTML5圖形開發(fā)入門教程
共
107
小節(jié)
已有
46450
人學過
2018年5月推出
課程概要
本套課程本著原生開發(fā)的準則,為大家提示各種圖形背后的奧秘,以循序漸進的方式為大家深入淺出講解圖形背后的思路以及繪制流程,讓大家能輕松地掌握各種IT編程技術,并可以快速地轉向動手實踐階段。
教程程度:
高級
軟件版本:
Notepad
所需基礎:
js基礎
適合人群:
Web前端開發(fā)人員
手機觀看
APP掃描二維碼打開
手機使用APP
學習更輕松
V
充值V幣
課程目錄
課程素材
技術文章
目錄版式
第一章:Canvas路徑運用及圖形操作
1-1 認識HTML5圖形開發(fā)
點擊觀看
12:47
1-2 創(chuàng)建畫布canvas,獲取畫筆
點擊觀看
09:06
1-3 認識坐標系
點擊觀看
09:07
1-4 繪制直線,矩形,多邊形
點擊觀看
19:52
1-5 圖形的描邊與填充
點擊觀看
14:22
1-6 矩形的快捷繪制
點擊觀看
04:32
1-7 新路徑,掌握beginPath方法的使用
點擊觀看
10:24
1-8 其它繪制屬性(lineCap,lineJoin)的使用
點擊觀看
14:18
1-9 路徑-圓弧, 圓弧(arc)方法的使用
點擊觀看
31:39
1-10 繪制屬性globalAlpha的使用
點擊觀看
15:16
1-11 繪制笑臉-基礎路徑的使用
點擊觀看
27:26
1-12 繪制月亮
點擊觀看
21:59
1-13 繪制折線圖(1)
點擊觀看
15:57
1-14 繪制折線圖(2)
點擊觀看
21:17
第二章:理解并掌握Canvas圖形變換
2-1 基本變換-位移(translate)
點擊觀看
17:32
2-2 基本變換-旋轉(rotate)
點擊觀看
18:52
2-3 基本變換-縮放(scale)
點擊觀看
21:54
2-4 求兩點間距離
點擊觀看
12:09
2-5 認識基本三角函數(sin, cos, atan2)
點擊觀看
32:14
2-6 認識矩陣(變換的原理)1 - 選學
點擊觀看
26:31
2-7 認識矩陣(變換的原理)2 - 選學
點擊觀看
27:05
2-8 三種基本變換的疊加,變換順序對圖形的影響-1
點擊觀看
31:00
2-9 三種基本變換的疊加,變換順序對圖形的影響-2
點擊觀看
23:14
2-10 變換與繪制樣式的保存與恢復1
點擊觀看
21:40
2-11 變換與繪制樣式的保存與恢復2
點擊觀看
19:57
2-12 實例1-繪制五角星(1)
點擊觀看
25:32
2-13 實例1-繪制五角星(2)
點擊觀看
31:58
2-14 實例2-繪制虛線(1)
登錄觀看
24:29
授課講師
俞順正
資深軟件開發(fā)工程師
TA的課程
課程簡介
Canvas元素與SVG元素是HTML5的一部分,它們都能為WEB帶來豐富多彩的圖形應用,比如游戲,各種圖表,教學工具(繪圖板)。為了制作出這些動人的效果,我們需要學習并掌握位圖(canvas)編程與矢量圖(SVG)編程技術,本套課程本著原生開發(fā)的準則,為大家提示各種圖形背后的奧秘,以循序漸進的方式為大家深入淺出講解圖形背后的思路以及繪制流程,讓大家能輕松地掌握各種IT編程技術,并可以快速地轉向動手實踐階段。說明一下,本課程只需要你有至少一門編程語言的基礎就可以,尤其適合前端開發(fā)人員進行學習,同時如果你是在校大學生,如果對圖形開發(fā)感興趣,并懂一些編程知識,那么本課程也會非常適合你。
相關推薦
全免
共
62
小節(jié)
已有
179537
人學過
共
138
小節(jié)
已有
286758
人學過
共
187
小節(jié)
已有
172162
人學過
共
273
小節(jié)
已有
853308
人學過
我們的成功之路
更多
換一換
會員名:gel****lei
我是學習采礦工程專業(yè)的,今年已經65歲了。前些年從事采礦工程工作時,由于畢業(yè)時間較早,隨著科學技術的發(fā)展,自己所學的知識遠遠不能適應當時的工作。特別是電子計算機技術,這方面基本是一片空白,這給工作帶來了極大的不便,也嚴重影響到了工作效率。
會員名:T63****3wa
偶然接觸到我要自學網Photoshop教程,感覺Photoshop真的好神奇,可以把胖人變得瘦長,可以把人的皮膚變得細嫩順滑,可以把圖片光線調亮、調暗,可以把照片顏色調的非主流、復古或是版畫、油畫、山水畫效果等等。用Photoshop做的合成圖片看起來特別神奇、有趣好玩。能讓我們從中領略到在現實的繪畫中所體會不到,我們用手繪所不能及的效果。通過對Photoshop軟件的學習,我們可以掌握一些簡單基礎的做照片或是創(chuàng)意照片的方法、用電腦做一些簡單的海報、招貼??梢园言瓉聿辉谝粡垐D片上的人物放在一張圖上,也可以選用這張照片上的背景,而把那張圖片上的人物放在這張背景上,這就使許多畫面變得豐富、特別且有新意。我們也可以把平時照的照片放在電腦上,對照片加以修改或修復,把原來你覺得照的不理想的地方調整的更加漂亮達到我們所要的效果,或是把我們的照片修復的更加美觀漂亮。學習了Photoshop,我們就不單單是僅會在電腦上上網、查資料、聊QQ或是玩游戲,重要的是我們多掌握了一種技能,對于面臨社會競爭越來越激烈的我們來說,也是相當必要的。
會員名:P1****16
9年前,當我還是一名建筑工地農民工的時候,我就深知知識改變命運的道理,于是我告別了又臟又累的體力勞動,去了一家中專學校學習計算機應用技術。我很珍惜這一次學習機會,努力學習自不必說。一年多的學習結束后,
會員名:u28****141
大學學的機械制造與自動化,畢業(yè)后在機械廠上班。后來感覺自己不適合這個工作就想去轉行學習室內設計。因為在上學的時候學過CAD
會員名:xue****514
2009年09月考上了大專,學習模具設計與制造專業(yè),但對專業(yè)不是很全面了解,故上網查看瀏覽網頁,尋找學習機會,才得以認識“我要自學網”;我是在2010年5月2日注冊“我要自學網”會員的,
V
特惠充值
聯系客服
APP下載
官方微信
返回頂部