首頁
課程分類
電腦辦公
平面設(shè)計
室內(nèi)設(shè)計
室外設(shè)計
機械設(shè)計
工業(yè)自動化
影視動畫
程序開發(fā)
網(wǎng)頁設(shè)計
會計課程
興趣成長
AIGC
遠程培訓班
商城
登錄/注冊
幫助中心
首頁
網(wǎng)頁設(shè)計
HTML5圖形開發(fā)入門教程
分享
關(guān)注
HTML5圖形開發(fā)入門教程
共
107
小節(jié)
已有
46151
人學過
2018年5月推出
課程概要
本套課程本著原生開發(fā)的準則,為大家提示各種圖形背后的奧秘,以循序漸進的方式為大家深入淺出講解圖形背后的思路以及繪制流程,讓大家能輕松地掌握各種IT編程技術(shù),并可以快速地轉(zhuǎn)向動手實踐階段。
教程程度:
高級
軟件版本:
Notepad
所需基礎(chǔ):
js基礎(chǔ)
適合人群:
Web前端開發(fā)人員
手機觀看
APP掃描二維碼打開
手機使用APP
學習更輕松
V
充值V幣
課程目錄
課程素材
技術(shù)文章
目錄版式
第一章: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 繪制笑臉-基礎(chǔ)路徑的使用
點擊觀看
27:26
1-12 繪制月亮
點擊觀看
21:59
1-13 繪制折線圖(1)
點擊觀看
15:57
1-14 繪制折線圖(2)
點擊觀看
21:17
第二章:理解并掌握Canvas圖形變換
2-1 基本變換-位移(translate)
點擊觀看
17:32
2-2 基本變換-旋轉(zhuǎn)(rotate)
點擊觀看
18:52
2-3 基本變換-縮放(scale)
點擊觀看
21:54
2-4 求兩點間距離
點擊觀看
12:09
2-5 認識基本三角函數(shù)(sin, cos, atan2)
點擊觀看
32:14
2-6 認識矩陣(變換的原理)1 - 選學
點擊觀看
26:31
2-7 認識矩陣(變換的原理)2 - 選學
點擊觀看
27:05
2-8 三種基本變換的疊加,變換順序?qū)D形的影響-1
點擊觀看
31:00
2-9 三種基本變換的疊加,變換順序?qū)D形的影響-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)編程技術(shù),本套課程本著原生開發(fā)的準則,為大家提示各種圖形背后的奧秘,以循序漸進的方式為大家深入淺出講解圖形背后的思路以及繪制流程,讓大家能輕松地掌握各種IT編程技術(shù),并可以快速地轉(zhuǎn)向動手實踐階段。說明一下,本課程只需要你有至少一門編程語言的基礎(chǔ)就可以,尤其適合前端開發(fā)人員進行學習,同時如果你是在校大學生,如果對圖形開發(fā)感興趣,并懂一些編程知識,那么本課程也會非常適合你。
相關(guān)推薦
全免
共
62
小節(jié)
已有
178783
人學過
共
138
小節(jié)
已有
285310
人學過
共
187
小節(jié)
已有
171956
人學過
共
273
小節(jié)
已有
852284
人學過
我們的成功之路
更多
換一換
會員名:zh****86
在上大學期間學習的是數(shù)控技術(shù)專業(yè),畢業(yè)后主要從事機械加工數(shù)控編程工作,隨著工作的需求,感覺應該提高自己的設(shè)計能力及軟件操作能力,本人大學期間CAD學的比較好,像本專業(yè)的(UG\SW)三維建模軟件使用比較少,有了學習專業(yè)三維軟件的需求,在網(wǎng)上搜索學習的時候,搜到了我們自學網(wǎng)的學習網(wǎng)站,從此結(jié)下不解之緣,隨著工作的需求從最開始的UG編程學習到后期的辦公、平面、室內(nèi)設(shè)計,我要自學網(wǎng)給我了很大幫助,解決了很多問題,提高了專業(yè)技能,現(xiàn)在從事教育培訓的工作了,需要學習的更多了,業(yè)余時間打開我要自學網(wǎng)的網(wǎng)站學習已經(jīng)成了一種習慣,希望自學網(wǎng)能越辦越好,能出品更多更全的學習視頻。
會員名:3****7
我是設(shè)計又是一名繪畫愛好者,并且我的身邊同事和朋友有許多人都在做,引起了我的興趣,電腦效果圖最大的特點就是直觀,一目了然,能使客戶在裝飾之前就能事先感受裝修的效果
會員名:愛學****東哥
大學學習的專業(yè)就是機電一體化,但是在大學課堂上學習的知識只是入門級的東西,真正到了出來社會工作是時才明白,其實實際工作所運用到的知識是復合型的,需要你各個方面都要有一定的知識基礎(chǔ),所以我只能是在上班之余去
會員名:cad****wer
2014年我還在上大三,當時知道我要自學網(wǎng)這個網(wǎng)站,完全是出于偶然,上網(wǎng)時無聊在百度上搜了“自學網(wǎng)”三個字,還真的有這個網(wǎng)站。報著試試看的心態(tài),花了10元錢買了100V幣,后來在這上面自學完了CAD(大學也學過
會員名:T82****2qy
第一次得知我要自學網(wǎng)這個軟件是在小紅書上,剛步入大學,我陷入了迷茫,沒有努力的方向,和高中完全不一樣的的課程安排讓我無所適從,大學很閑,因為課程比高中要少得多,也沒有晚自習和早讀。同時大學也很忙,各種學生會無意義的開會,不固定收入低的兼職。所以我的小紅書推薦幾本上都是大學生要怎么利用課余時間豐富自己,這種試樣的標題格外的吸引我。于是既是巧合也是必然,我在一個用戶推薦上看到了我要自學網(wǎng)。等下載完后,第一反應是眼花繚亂,各種各樣的課程,而且極具專業(yè)性,我無從下手,所以只能暫時擱置。等到大二上學期,我忽然喜歡或者說想要接觸攝影這個事情,所以到自學網(wǎng)上搜了一下相應的課程,然后又加了一下課程里的交流群,在那里見到了許多同樣愛好的小伙伴,每天看看他們的作品和鑒賞,自己對課程的理解也更深了,學習到了更多。下面仍在學習中。加油。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部