在浏览器的 React 中将 base64 编码的 jpeg 转换为 png
Converting a base64-encoded jpeg to a png in React in browser
我有一个 base64 编码的 jpeg 字符串,我在 React 中保存它的状态。我一直在努力研究如何在浏览器端将其转换为 png 格式的 base64 字符串。
我简单地查看了 sharp,但发现需要服务器端 node.js 环境。我真的不想编写自己的转换脚本。进一步搜索 npm 对我来说没有任何结果。
非常感谢任何帮助。
这未经测试,但您应该能够将 base64 JPEG 设置为图像源,然后使用 context.drawImage
将该图像绘制到 canvas;一旦它在 canvas 上,您可以使用 canvas.toDataURL()
获取它的 base64 PNG。
我有一个 base64 编码的 jpeg 字符串,我在 React 中保存它的状态。我一直在努力研究如何在浏览器端将其转换为 png 格式的 base64 字符串。
我简单地查看了 sharp,但发现需要服务器端 node.js 环境。我真的不想编写自己的转换脚本。进一步搜索 npm 对我来说没有任何结果。
非常感谢任何帮助。
这未经测试,但您应该能够将 base64 JPEG 设置为图像源,然后使用 context.drawImage
将该图像绘制到 canvas;一旦它在 canvas 上,您可以使用 canvas.toDataURL()
获取它的 base64 PNG。