在浏览器的React中将base64编码的jpeg转换为png

const jpegBase64 = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD...";
const img = new Image();
img.src = jpegBase64;

const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d");

canvas.width = img.width;
canvas.height = img.height;
ctx.drawImage(img, 0, 0);

const pngBase64 = canvas.toDataURL("image/png");

import React from "react";

function convertJpegToPng(jpegBase64) {
  const img = new Image();
  img.src = jpegBase64;

  const canvas = document.createElement("canvas");
  const ctx = canvas.getContext("2d");

  canvas.width = img.width;
  canvas.height = img.height;
  ctx.drawImage(img, 0, 0);

  return canvas.toDataURL("image/png");
}

function App() {
  const jpegBase64 = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD...";
  const pngBase64 = convertJpegToPng(jpegBase64);

  return (
    <div>
      <img src={pngBase64} alt="Converted PNG" />
    </div>
  );
}

export default App;