HTML5邊玩邊學(1)畫布實現方法

2022-04-02 08:22:37 字數 396 閱讀 9499

一、標籤

你的瀏覽器不支援 canvas 標籤 

複製**

除了在那些不支援的瀏覽器上顯示替用內容之外,我們還可以通過指令碼的方式來檢查瀏覽器是否支援 canvas ,方法很簡單,判斷 getcontext 函式是否存在即可,**如下: 

var canvas = document.getelementbyid('tutorial'); 

if (canvas.getcontext) else

複製**

四、乙個小例子

下面將用 html5 的繪圖功能演示乙個上下移動的線條的例子, 具體的**將在後續內容中給出 

標籤,請使用 chrome 瀏覽器 或者 firefox 瀏覽器

HTML5邊玩邊學(1) 畫布

一 標籤 html5 引入了乙個新的 標籤,這個標籤所代表的區域就好象一塊畫布,你的所有圖形繪製最後都要在這塊畫布上呈現。有了這個標籤,瀏覽器的圖形表現力被極大的提公升,flash 和 silverlight 有沒有感到威脅呢?標籤的用法非常簡單,如下 code highlighting produ...

HTML5邊玩邊學(1) 畫布

一 標籤 html5 引入了乙個新的 標籤,這個標籤所代表的區域就好象一塊畫布,你的所有圖形繪製最後都要在這塊畫布上呈現。有了這個標籤,瀏覽器的圖形表現力被極大的提公升,flash 和 silverlight 有沒有感到威脅呢?google聲稱chrome7瀏覽器將提速60倍 標籤的用法非常簡單,如...

HTML5邊玩邊學(1)畫布實現方法

一 標籤 html5 引入了乙個新的 標籤,這個標籤所代表的區域就好象一塊畫布,你的所有圖形繪製最後都要在這塊畫布上呈現。有了這個標籤,瀏覽器的圖形表現力被極大的提公升,flash程式設計客棧 和 silverlight 有沒有感到威脅呢?新聞鏈結 google聲稱chrome7瀏覽器將提速60倍 ...