小程序踩坑记录(canvas实现页面截图、下载文件)(持续更新)

小程序踩坑记录

canvas

圆角矩形

drawRoundedRect(ctx, x, y, width, height, r, fill, stroke) {
   
    ctx.save();
    ctx.beginPath(); // draw top and top right corner
    ctx.moveTo(x + r, y);
    ctx.arcTo(x + width, y, x + width , y + r, r); // draw right side and bottom right corner
    ctx.arcTo(x + width, y + height, x + width - r, y + height, r); // draw bottom and bottom left corner
    ctx.arcTo(x, y + height, x, y + height - r, r); // draw left and top left corner
    ctx.arcTo(x, y, x + r, y, r);
    if (fill) {
   
      ctx.fill();
    }
    if (stroke) {
   
      ctx.stroke();
    }
    ctx.restore();
  },

圆内图片

canvas.save();
    canvas.beginPath();
    canvas.arc(48*widthRate, 95*heightRate, 30*widthRate, 0, Math.PI *