今天给大家介绍一下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标签。
上一篇:韩束介绍日常洁面的注意事项
下一篇:CAD练习题旋转一定角度的画法