canvas 生成圆角图片（头像等）

版权声明：本文为博主原创文章，转载请注明出处！ https://blog.csdn.net/zhihui1017/article/details/80298967

canvas 生成圆角图片（头像等）

circleImg(ctx, img, x, y, r) {
    ctx.save();
    var d =2 * r;
    var cx = x + r;
    var cy = y + r;
    ctx.arc(cx, cy, r, 0, 2 * Math.PI);
    ctx.clip();
    ctx.drawImage(img, x, y, d, d);
    ctx.restore();
  }