小程序 倒圆角怎么做

小程序倒圆角可以通过canvas绘制实现。具体实现方法如下：
1. 在wxml文件中添加canvas标签，并设置宽高和canvas-id。
2. 在js文件中获取canvas对象，并使用canvas的API进行绘制。
3. 绘制倒圆角矩形需要使用到canvas的arcTo()方法，该方法可以绘制出一段圆弧，从而实现倒圆角的效果。
4. 绘制完成后，可以使用canvas的toTempFilePath()方法将canvas转换为图片，然后在wxml中使用image标签显示出来。

具体代码实现可以参考以下步骤：
1. 在wxml文件中添加canvas标签，并设置宽高和canvas-id。

<canvas canvas-id="myCanvas" style="width: 300px; height: 200px;"></canvas>

2. 在js文件中获取canvas对象，并使用canvas的API进行绘制。

const ctx = wx.createCanvasContext('myCanvas');
ctx.setFillStyle('#ffffff');
ctx.setShadow(0, 0, 10, '#000000');
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.arcTo(20, 0, 40, 0, 20);
ctx.lineTo(280, 0);
ctx.arcTo(300, 0, 300, 20, 20);
ctx.lineTo(300, 180);
ctx.arcTo(300,200, 280, 200, 20);
ctx.lineTo(40, 200);
ctx.arcTo(20, 200, 20, 180, 20);
ctx.lineTo(20, 40);
ctx.arcTo(20, 20, 40, 20, 20);
ctx.closePath();
ctx.fill();
ctx.draw();

3. 绘制完成后，可以使用canvas的toTempFilePath()方法将canvas转换为图片，然后在wxml中使用image标签显示出来。

wx.canvasToTempFilePath({
  canvasId: 'myCanvas',
  success: function(res) {
    console.log(res.tempFilePath);
    // 在wxml中使用image标签显示出来
  }
});