关于canvas

519 阅读1分钟

canvas画布

设置canvas标签的宽高是通过canvas标签的属性进行设置的,不可以使用css样式来设置

canvas.png

canvas.png

绘制折线图的时候先将坐标轴绘制出来,然后再绘制数据所需要的点

01.png

canvas的新状态开始

适用场景

当想要绘制不同跳跃的线条时,需要新开始一个状态,才可以绘制一个新的状态。

beginPath开启新路径的使用

beginPath.png

下面的是显示效果 效果.png

矩形的绘制(rect)

矩形.png

清除矩形(clearRect)

ctx.clearRect(x,y,width,height)

饼图的绘制(arc)

饼状图.png

后续会有相关的知识扩展,敬请期待