Canvas标签

一、canvas简介

1.是HTML5的一个新标签，属于H5新特性。
2.canvas标签相当于一个容器，一块画布，可以在其中画矩形，圆形，折线等图形。
3.通过javascript实现。

二、作用

1.数据可视化
2.web网页游戏
3.广告动态效果

基本步骤

1.获取画布
2.获取画布上下文
3.开始一条路径
4.确定起始点
5.确定结束点
6.着色
7.结束路径

基本用法

1.折线示例代码

效果如下

2.正方形示例代码

效果如下

3.随机颜色统计表

效果如下

4.绘制爱心

效果如下

参考文献

https://blog.csdn.net/u012468376/article/details/73350998?