cjx177187的博客

#box{border1pxsolidblack;}

/将圆弧与圆心相连接，形成扇形。//给每个扇形添加数组的name。//求出每个money的占比。//利用占比来画圆弧。

/给box绑定移动事件，通过事件的属性和弹性盒子的属性来计算出鼠标移动到那个五角星，将前面所有的五角星的填充颜色变为黄色。//封装一个canvas函数，在盒子里面添加一个人canvas根据盒子的宽高来决定五角星的大小。//2.利用三角函数算出每个点的坐标，作为连线的坐标。//2.利用三角函数算出每个点的坐标，作为连线的坐标。//判断点亮五角星的个数，将要改变的五角星填充为黄色。//1.利用圆形画五角星，在圆上找均匀分布的五个点。//1.利用圆形画五角星，在圆上找均匀分布的五个点。...

///pen.stroke()//画出线条,对于封闭图形,可以不用这个语句,用fill填充。//添加计时器，定时向数组中添加10000-1000的随加数。//pen.fill()//默认颜色黑色。//添加计时器，将柱状图向左移动。//给柱状图加随机颜色。...

利用连接起点到终点，将上一个的终点当作下一个线条的起点，再次连接，重复直至遍历所有的数据，就成为了折线图。//重新修改canvas宽度，相当于canvas重写，因为修改了canvas的宽度在js中相当于修改了canvas的编码，所以相当于重写。利用for循环遍历假数据，将假数据作为点的Y坐标添加到网格图中。//添加计时器，定时往数组中添加一个130-70的随机数。//添加计时器，定时清楚线条和重新画图【网格图和折线图】//遍历数组画出折线图,将数组中的数据当作y坐标画出来。//画一个60×60的网格图。..