Canvas元素里的圆弧绘制

绘制弧度：

绘制弧度的方法：arc(x,y,r,起始弧度，结束弧度，是否逆时针(默认false))

绘制文本：

•     对象.font='字体'
•     fillText(text,x,y,maxWidth)
•     text 要绘制的文本
•     x,y 文本绘制的坐标（文本左下角）
•     maxWidth 设置文本最大宽度，可选参数

ctx.textAlign文本水平对齐方式 （left ,right,center,start默认,end）

ctx.textBaseline 设置基线（垂直对齐方式 ）

• top 文本的基线处于文本的正上方，并且有一段距离
• middle 文本的基线处于文本的正中间
• bottom 文本的基线处于文本的证下方，并且有一段距离
• hanging 文本的基线处于文本的正上方，并且和文本粘合
• alphabetic 默认值，基线处于文本的下方，并且穿过文字
• ideographic 和bottom相似，但是不一样

制作图片

• drawImage()

  • 三个参数drawImage(img,x,y)

    • img 图片对象、canvas对象、video对象

    • x,y 图片绘制的左上角

  • 五个参数drawImage(img,x,y,w,h)

    • img 图片对象、canvas对象、video对象

    • x,y 图片绘制的左上角

    • w,h 图片绘制尺寸设置(图片缩放，不是截取)

  • 九个参数drawImage(img,x,y,w,h,x1,y1,w1,h1)

    • img 图片对象、canvas对象、video对象

    • x,y,w,h 图片中的一个矩形区域

    • x1,y1,w1,h1 画布中的一个矩形区域