如上图所示,部分头像显示不完整,
绘制头像代码函数如下
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()
},
就是不停的调用我上面写的那个函数,画圆头像
绘图尝试这个:
https://developers.weixin.qq.com/community/develop/article/doc/000ac686c5c5506f18b87ee825b013