HTML 参考手册 目录

HTML <canvas> 标签

HTML 标签

HTML <canvas> 标签用于在网页上绘制图形,比如图表、动画等。通过 JavaScript,您可以在 <canvas> 元素上绘制图形、文本、动画等。

使用方法

要使用 <canvas> 标签,您需要在 HTML 文件中添加如下代码:

------- ------------- ----------- ----------------------

在上面的示例中,我们创建了一个宽度为 200 像素,高度为 100 像素的画布。您可以根据需要调整宽度和高度。

绘制图形

要在 <canvas> 上绘制图形,您需要使用 JavaScript。以下是一个简单的示例,绘制一个红色的矩形:

------- ------------- ----------- ----------------------
--------
    --- ------ - ------------------------------------
    --- --- - ------------------------
    ------------- - ------
    ---------------- --- --- ----
---------

在上面的示例中,我们获取了 <canvas> 元素的上下文对象,并使用 fillRect() 方法绘制了一个红色的矩形。

支持性

<canvas> 标签在现代浏览器中得到广泛支持,包括 Chrome、Firefox、Safari、Edge 等主流浏览器。但是在一些较老的浏览器中可能不支持 <canvas> 标签,所以在使用时需要注意兼容性。

总结

<canvas> 标签是一个强大的工具,可以帮助您在网页上绘制各种图形和动画。通过结合 JavaScript,您可以实现更加复杂的绘图功能。希望本章内容对您有所帮助!


上一篇:HTML标签 <button>
下一篇:HTML标签 <caption>