小程序canvas画圆

最新推荐文章于 2024-10-21 17:03:47 发布

原创最新推荐文章于 2024-10-21 17:03:47 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

小程序专栏收录该内容

39 篇文章

订阅专栏

本文介绍了一种使用canvas上下文进行切圆绘制的方法。通过定义一个名为circleImg的函数，该函数接收绘图上下文（ctx）、图片对象（img）、圆心坐标（x, y）以及半径（r）作为参数。利用此方法可以在指定位置精确地绘制出圆形区域内的图片。

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