HTML5 Canvas基本概念講解
html5,這個應該就不需要多作介紹了,只要是開發人員應該都不會陌生。html5是「新興」的網頁技術標準,目前,除IE8及其以下版本的IE瀏覽器之外,幾乎所有主流瀏覽器(FireFox、Chrome、Opera、Safari、IE9+)都已經開始支持html5了。除此之外,在移動瀏覽器市場上,眾多的移動瀏覽器也紛紛展開關于「html5的支持能力以及性能表現」的軍備競賽。html作為革命性的網頁技術標準,再加上眾多瀏覽器廠商或組織的鼎力支持,可以想見,html5將會成為未來網頁技術的領頭羊。
html5,說其是「新興」的,其實也不算新了。畢竟,html5早在2008年其第一份正式草案就已經對外公布。從2008年算起,到現在也算是有些年頭了。不過,到目前為止,對于大多數開發人員而言,仍然是「雷聲大,雨點小」——聽說html5的多,實際使用html5的卻很少。
眾所周知,html5中增加了許多新特性。在html5的眾多特性中,Canvas應該算是最引人注目的新特性之一。我們使用html5的Canvas對象可以直接在瀏覽器的網頁上繪制圖形。這意味著瀏覽器可以脫離Flash等第三方插件,直接在網頁上顯示圖形或動畫。
現在,我們就來為html5初學者介紹如何使用html5 Canvas繪制基本的圖形。
首先,我們需要準備如下html基礎代碼:
新聞熱點
疑難解答