只给图片四个角绘制10px的圆弧角

如果你只想给图片的四个角绘制10px的圆弧角，可以使用 `ctx.arcTo()` 方法来实现。以下是一个示例代码：

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

// 绘制第一张图片
ctx.beginPath()
ctx.moveTo(10, 10)
ctx.lineTo(110, 10)
ctx.arcTo(120, 10, 120, 20, 10) // 右上角绘制圆弧角
ctx.lineTo(120, 110)
ctx.lineTo(10, 110)
ctx.arcTo(10, 120, 20, 120, 10) // 左下角绘制圆弧角
ctx.lineTo(110, 120)
ctx.lineTo(110, 10)
ctx.arcTo(120, 10, 120, 20, 10) // 右上角绘制圆弧角
ctx.closePath()
ctx.clip() // 裁剪区域为四个角的圆弧
ctx.drawImage('image.jpg', 0, 0, 120, 120) // 绘制图片

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

在上述代码中，我们使用 `ctx.arcTo()` 方法分别绘制了四个角的圆弧角。注意在绘制路径时，需要按照正确的顺序绘制线段和圆弧，以确保得到正确的形状。最后调用 `ctx.draw()` 方法将绘制结果渲染到 canvas 上。

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