認識Canvas元素

什麼是Canvas?

HTML5 <canvas> 元素用於圖形的繪製,透過腳本(通常是JavaScript)來完成.

<canvas> 標籤只是圖形容器,您必須使用腳本來繪製圖形。

你可以透過多種方法使用Canva繪製路徑,盒、圓、字元以及新增影像。

Canvas就是一個畫布,可以進行畫任何的線、圖形、填充等一系列的操作,而且操作的畫圖就是js,所以讓js編程到了嗑藥的地步。另外Canvas不僅提供簡單的二維向量繪圖,也提供了三維的繪圖,以及圖片處理等一系列的api支援。

Internet Explorer 9+, Firefox, Opera, Chrome, andSafari 支援<canvas> 元素.

注意: Internet Explorer 8 及更早IE版本的瀏覽器不支援<canvas> 元素.

#
繼續學習
||
<article> <header> <hgroup> <h1>这是一篇介绍HTML 5结构标签的文章</h1> <h2>HTML 5的革新</h2> </hgroup> <time datetime="2011-03-20">2011.03.20</time> </header> <p>文章内容详情</p> </article>