html5相關canvas

標籤：漂亮   can   item   內容   即時   rip   nbsp   html   com   

閑來無事，重新看了看h5的canvas，並且隨意搜了一點相關的優秀示範。

 

 

canvas是在HTML5中新增的標籤用於在網頁即時產生映像，並且可以操作映像內容，基本上它是一個可以用JavaScript操作的位元影像（bitmap）。Canvas 對象表示一個 HTML 畫布元素 -<canvas>。它沒有自己的行為，但是定義了一個 API 支援指令碼化用戶端繪圖操作。

 

基本就是說canvas可以做些非常好玩的東西，比如一個網頁上的映像，結合H5的排版優勢，可以做出非常漂亮的頁面。

 

看了不少canvas的優秀作品，被一個非常有意思的樹給吸引，雖然以現在的水平並不能做出，但是這個作品可以拖動樹進行擺動。

看了下原始碼對於目前的我來說還有些許困難。相信接下來的學習可以做出如此效果：

 

http://www.html5tricks.com/demo/html5-canvas-drag-tree/index.html    連結在此

 

html5相關canvas