多语言展示
当前在线:342今日阅读:103今日分享:49

HTML5之canvas标签的使用

今天给大家介绍一下HTML5中canvas标签的简单使用方法,供大家参考!
工具/原料
1

电脑:win10系统

2

浏览器:chrome80.0

方法/步骤
2

canvas标签用于定义图形,可以通过JS来【绘制图像或动画】。例如我们可以绘制一个矩形,如下图所示。

3

canvas默认的尺寸是300*150,可以通过【width】和【height】属性来设置尺寸,例如我们将宽高都设置为300,如下图所示。

4

可以在canvas标签中添加提示文字,用于当浏览器不支持该标签的时候显示。

总结

1、canvas是HTML5中新增的标签。2、canvas用于表示图形,可以通过JS脚本绘制图像或动画。3、可以通过width和height属性来设置canvas的尺寸。4、可以在canvas标签中添加提示文字,用于当浏览器不支持该标签的时候显示。

注意事项

在IE8以及更早版本的IE浏览器中不支持canvas标签。

推荐信息