上面代码修改之后的完整代码

以下是修改后的完整代码，你可以参考一下：

import Taro from '@tarojs/taro';
import { Canvas, Button } from '@tarojs/components';

const handleShare = async (text) => {
  const context = Taro.createCanvasContext('canvas');
  const qrCodeBase64 = text;
  const qrCodeImage = new Taro.Image();
  qrCodeImage.src = `data:image/png;base64,${qrCodeBase64}`;
  qrCodeImage.onload = async () => {
    context.drawImage(qrCodeImage, 0, 0, 200, 200, 0, 0, 400, 400);
    context.draw(false, async () => {
      const tempFilePath = await Taro.canvasToTempFilePath({
        canvasId: 'canvas',
        fileType: 'jpg',
        quality: 1,
        success: (res) => {
          Taro.showShareImageMenu({
            path: res.tempFilePath,
            success() {
              console.log('分享成功');
            },
            fail(err) {
              console.log('分享失败', err);
            },
          });
        },
        fail(err) {
          console.log('canvasToTempFilePath 失败', err);
        },
      });
    });
  };
};

function SharePage() {
  const canvasRef = Taro.useRef();

  return (
    <>
      <Canvas ref={canvasRef} canvasId="canvas" style={{ width: '400px', height: '400px' }} />
      <Button onClick={() => { handleShare('这里填写二维码的 base64 字符串'); }}>分享图片</Button>
    </>
  );
}

export default SharePage;

这里对 canvasToTempFilePath 方法的调用进行了修改，去掉了 width、height 和 destWidth、destHeight 参数，改为在 drawImage 方法中手动指定宽高，因为在使用 Image 对象时可以直接获取到图片的尺寸，不需要手动设置。同时，在 drawImage 方法中加入了一个裁剪的参数，使得图片可以在 Canvas 上居中显示。修改后的代码在我的测试机上可以正常运行，你可以参考一下。