canvas

  • context.beginPath:开始新的路径

  • context.closePath:结束路径：创建一个从开始到结束的路径

    SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

  • context.moveTo(x,y);创建新的子路径，规定起点为（x，y）

  • context.lineTo(x,y):为子路径添加一条直线从当前点开始(x,y)结束

  • context.fill() :填充，如果路径未封闭，从开始点到结束点创建路径，变成密闭状态

  • fillStyle

  • strokeStyle

  • 先endPath后stroke（）；

 

创建曲线

arc()

context.arc(x,y,r,sAngle,eAngle,anticlockwise)

  • x:圆心x坐标

  • y:圆心y坐标

  • sAngle：起始角度

  • eAngle：终止角度

  •  

创建矩形

rect(x,y,width,height);

fillRect(x,y,width,height);

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄