淺談 Canvas

衆所周知 Canvas 是HTML5的核心技術技術所在，canvas元素用於在網頁上進行繪製圖形，可是canvas自己並不具有繪製功能，canvas必須依靠javascript才能繪製出絢麗的圖形；HTML5中canvas提供了多種繪製路徑、矩形、圓形、字符以及添加圖像的方法；

那麼canvas具體能夠作什麼呢？

（1）​.遊戲：HTML5在web圖像顯示方面要遠比flash強大，canvas在的運用可以使HTML5的遊戲運行起來更加的流暢且跨平臺能力更強; Flappy Bird遊戲我想對你們來講可能在熟悉不過啦；看似簡單而難度極大的這款Flappy Bird的HTML5版僅僅須要65行js代碼；

（2）.​進行字體渲染： 利用的HTML5的canvas能夠實現徹底基於web端的絢麗的字體的設計與實現;

（3）.banner圖：​HTML5技術可以在廣告領域發揮重要的做用; 用canvas實現動態的廣告效果再適合不過（本人如今從事廣告方面的製做，在效果方面canvas用的挺多;）

（4）.圖表製做：​canvas圖表製做時常會被人們所忘記；相比於canvas，也許SVG在這方面可能發揮着更好的做用，可是canvas 和 SVG 各有各的優勢，canvas提供的功能更原始，適合像素的處理，動態的渲染和大數據量的繪製；SVG的功能更完善，適合靜態圖片展現，高保真文檔查看和打印的應用場景；
（5）.圖片存儲下載：canvas提供了一些用於web網頁中截圖、下載的方法；

（6）.可嵌入其餘網站的內容之中：相似圖表、音頻、視頻、還有許多的元素可以更好地與web融合，且不須要任何的插件；

最後給你們推薦一個學習canvas的比較好的網站：

https://html.spec.whatwg.org/...