一、什么是canvas?(了解)
· 是HTML5提供的一種新標簽
<canvas></canvas>
英 ['k?nv?s] 美 ['k?nv?s] 帆布 畫布
· Canvas是一個矩形區域的畫布,可以用JavaScript在上面繪畫。控制其每一個像素。
· canvas 標簽使用 JavaScript 在網頁上繪制圖像,本身不具備繪圖功能。
· canvas 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。
· HTML5之前的web頁面只能用一些固定樣式的標簽:比如p、div、h1等,但有了canvas Web頁面可以可以豐富多彩。
二、canvas主要應用的領域
1. 游戲:canvas在基于Web的圖像顯示方面比Flash更加立體、更加精巧,canvas游戲在流暢度和跨平臺方面更牛。 25 超棒的 HTML5 Canvas 游戲
2. 可視化數據.數據圖表話,比如:百度的echart
3. banner廣告:Flash曾經輝煌的時代,智能手機還未曾出現。現在以及未來的智能機時代,HTML5技術能夠在banner廣告上發揮巨大作用,用Canvas實現動態的廣告效果再合適不過。
4. 未來=> 模擬器:無論從視覺效果還是核心功能方面來說,模擬器產品可以完全由JavaScript來實現。
5. 未來=> 遠程計算機控制:Canvas可以讓開發者更好地實現基于Web的數據傳輸,構建一個完美的可視化控制界面。
6. 未來=> 圖形編輯器:Photoshop圖形編輯器將能夠100%基于Web實現。
7. 其他可嵌入網站的內容(多用于活動頁面、特效):類似圖表、音頻、視頻,還有許多元素能夠更好地與Web融合,并且不需要任何插件。
8. 完整的canvas移動化應用
9. 我們課程的目標
o 我們不是主要做游戲開發的
o 要求必須會做基本的用canvas繪制的特效頁面:比如,傳智前端官網。
o 會用canvas做一些簡單的廣告、活動頁面
10. 我們課程的案例和項目演示
11. canvas的標準:
o 目前來說,標準還在完善中。先用早期的api足夠完成所有的應用
遠近互聯前端小華整理發布,希望能對學習技術的你有所幫助
遠近互聯專業提供網站建設、APP開發、網站優化、外貿網站SEO、微信運營的品牌整合營銷服務讓客戶通過網絡品牌建立與網絡傳播提高業績。






