小程序canvas 绘制重叠的图片海报时，如何给这些图片绘制圆角

在小程序的 canvas 绘制中，可以通过使用 `ctx.arc()` 方法来绘制圆角。下面是一个示例代码，展示了如何给重叠的图片绘制圆角：

// 创建 canvas 上下文
const ctx = wx.createCanvasContext('myCanvas')

// 绘制第一张图片
ctx.save()
ctx.beginPath()
ctx.arc(50, 50, 50, 0, 2 * Math.PI) // 绘制圆角
ctx.closePath()
ctx.clip() // 裁剪区域为圆角
ctx.drawImage('image1.jpg', 0, 0, 100, 100) // 绘制图片
ctx.restore()

// 绘制第二张图片
ctx.save()
ctx.beginPath()
ctx.arc(100, 100, 50, 0, 2 * Math.PI) // 绘制圆角
ctx.closePath()
ctx.clip() // 裁剪区域为圆角
ctx.drawImage('image2.jpg', 50, 50, 100, 100) // 绘制图片
ctx.restore()

// 绘制完成后，调用 draw 方法进行渲染
ctx.draw()

在上述代码中，我们通过 `ctx.arc()` 方法绘制了圆角，然后使用 `ctx.clip()` 方法将绘制区域限定为圆角的区域，接着使用 `ctx.drawImage()` 方法绘制图片。最后调用 `ctx.draw()` 方法将绘制结果渲染到 canvas 上。

你可以根据自己的需求，调整圆角的位置、大小以及图片的位置和大小。