不完整或损坏的 PNG 文件 - 在 React 应用程序中使用 jsPDf 将 svg 标记转换为 pdf

问题描述

我想使用 jsPDF（在前端 React 应用程序中）将 svg 图像标签转换为 PDF 中的图像。我获取所有 console.log 语句以验证所有变量是否符合所需（字符串/base64）。但是，这在此代码的最后一行给了我 Incomplete or corrupt PNG file。任何人都可以帮我知道为什么会这样...??

let serializer = new XMLSerializer()
let chartItem = serializer.serializetoString(document.getElementsByClassName("recharts-surface")[0])
console.log(chartItem)
let canvas = document.createElement('canvas');
let context = canvas.getContext('2d');
console.log(context)
let v = await Canvg.from(context,chartItem)
console.log(v)
let img = canvas.toDataURL('image/png')
console.log(img)
doc.addImage(chartItem,'PNG',20,200,100)

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）