如上图所示，部分头像显示不完整，

绘制头像代码函数如下

makeArc(ctx,arcX,arcY,r,imgUrl,imgX,imgY,imgWidth,imgHeight){

    ctx.save()

    ctx.arc(arcX, arcY, r, 0, 2 * Math.PI) //画出圆

    ctx.clip(); //裁剪上面的圆形

    ctx.drawImage(imgUrl, imgX, imgY, imgWidth, imgHeight); // 在刚刚裁剪的园上画图

    ctx.restore()

  },