1. 程式人生 > >canvas 生成圓角圖片(頭像等)

canvas 生成圓角圖片(頭像等)

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();
  }