HTML中canvas標(biāo)簽怎么用

這篇文章主要為大家展示了“HTML中canvas標(biāo)簽怎么用”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“HTML中canvas標(biāo)簽怎么用”這篇文章吧。

    HTML<canvas>標(biāo)簽實例

    通過<canvas>元素來顯示一個紅色的矩形：

    <canvasid="myCanvas"></canvas>

    <scripttype="text/javascript">

    varcanvas=document.getElementById('myCanvas');

    varctx=canvas.getContext('2d');

    ctx.fillStyle='#FF0000';

    ctx.fillRect(0,0,80,100);

    </script>

    瀏覽器支持

    InternetExplorer，F(xiàn)irefox，Opera，GoogleChrome，Safari

    IE9、Firefox、Opera、Chrome和Safari支持<canvas>標(biāo)簽。

    注釋：IE8或更早版本的IE瀏覽器不支持<canvas>標(biāo)簽。

    標(biāo)簽定義及使用說明

    <canvas>標(biāo)簽通過腳本（通常是JavaScript）來繪制圖形（比如圖表和其他圖像）。

    <canvas>標(biāo)簽只是圖形容器，您必須使用腳本來繪制圖形。

    HTML4.01與HTML5之間的差異

    <canvas>標(biāo)簽是HTML5中的新標(biāo)簽。

    提示和注釋

    注釋：<canvas>元素中的任何文本將會被顯示在不支持<canvas>的瀏覽器中。

    全局屬性

    <canvas>標(biāo)簽支持HTML的全局屬性。

    事件屬性

    <canvas>標(biāo)簽支持HTML的事件屬性。

以上是“HTML中canvas標(biāo)簽怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！