Canvas 教學

由 2 位貢獻者:

<canvas> 是新的 HTML 元素,可透過 Script(通常是 JavaScript)繪製圖形。可用於畫圖、組合圖像,或做簡單的動畫(也可以不怎麼簡單)。右側圖像是 <canvas> 的使用範例,稍後可在本教學看到做法。

<canvas> 最先由蘋果的 Mac OS X Dashboard 所引入,稍後實作於 Safari。使用 Gecko 1.8 的瀏覽器,如 Firefox 1.5,也支援了這個新元素。<canvas> 元素是 WhatWG Web applications 1.0 (又稱為 HTML 5)規範的一部分。

在本教學中,我將解說如何在自己的 HTML 頁面中使用 <canvas> 元素。提供的範例將使你的觀念更清晰,使你了解能夠用 <canvas> 做什麼,並能夠自行開始應用。

在開始之前

使用 <canvas> 元素並不難,但需要 HTMLJavaScript 的基礎。

如上所述,並不是所有瀏覽器都支援 <canvas> 元素,所以你需要 Firefox 1.5,或使用 Gecko 的瀏覽器、Opera 9,或新版 Safari,才能看見所有的範例。

目錄

參閱

Document Tags and Contributors

Contributors to this page: ethertank, happysadman
最近更新: ethertank,