歡迎關注支持，謝謝！本篇將介紹的是html中<canvas>標籤的用法，感興趣的朋友可以一起研究一下！
在html5中，新增了很多實用的標籤，今天為大家介紹的是html5新增標籤<canvas>，<canvas>標籤只是一個容器，對內容並沒有樣式的更改。那它在html中有什麼用，接下來我們就一起來看看吧！
「canvas」作為英文單詞有「畫布」的意思，那我們一起來看看它作為html中標籤的時候用什麼用處呢？
一、<canvas>標籤定義及用法
在html中，<canvas>標籤是使用來規定一個圖形容器（畫布），然後通過腳本（ JavaScript等）來繪製圖形，比如：繪製路徑、盒、圓、字符以及添加圖像等。
<canvas>標籤默認沒有邊框和內容，如果不使用腳本來繪製圖形，它本身是沒有任何效果的，所以它必須和腳本配合使用來繪製圖形。
二、<canvas>標籤語法格式
<canvas id="myCanvas" width="200px" height="100px">
你的瀏覽器不支持<canvas>標籤！
</canvas>
說明：
<canvas>標籤常用的屬性有id屬性、width屬性、height屬性。id屬性經常被腳本引用，width屬性、height屬性用來規定畫布（容器）的寬高。在該標籤中建議寫一段文本，當一些瀏覽器不支持的時候顯示該文本內容！三、實例
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html中<canvas>圖形容器標籤的詳細介紹</title></head><body bgcolor="burlywood"><canvas id="myCanvas" width="400px" height="200px" style="border:1px solid #000000;">你的瀏覽器不支持canvas標籤！</canvas><script>var c=document.getElementById('myCanvas');var ctx=c.getContext('2d');ctx.fillStyle='#FF0000';ctx.fillRect(0,0,100,100);//盒ctx.moveTo(0,0);//開始ctx.lineTo(400,200);//結束ctx.moveTo(0,200);//開始ctx.lineTo(400,0);//結束ctx.closePath();ctx.stroke();ctx.restore();</script></body></html>
運行結果：
關於html中<canvas>標籤的介紹就到這吧！以後再JavaScript中再詳細介紹！