MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla
您的搜尋結果

    Canvas 教學

    <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,