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

Posted IT小智

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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();

以上是关于canvas 生成圆角图片（头像等）的主要内容，如果未能解决你的问题，请参考以下文章