我使用'recharts'为我的项目创建图表，使用'react-pdf'生成报告。'Recharts'使用时在DOM上创建一个svg，并显示一个图形。
有没有一种方法可以同时使用这两个组件，并通过react-pdf将'recharts'组件添加到我的报告中？例如-在<Document/>标签内。
react-pdf link to website
recharts link to website
我见过一个解决方案，它提供将rechart的svg转换为png，将其保存在本地，然后导入并通过react-pdf中的<Image/>组件使用。
寻找一个更直接的方法来解决这个问题。
2条答案
按热度按时间wztqucjr1#
我是如何解决它的：我用过这篇文章-https://betterprogramming.pub/heres-why-i-m-replacing-html2canvas-with-html-to-image-in-our-react-app-d8da0b85eadf
建议使用html-to-image包。
因此，我为rechart组件的容器提供了一个id，并使用
docoument.getElementById()选择了它。然后，在查询html-to-image时使用选定的id，如-然后响应包含一个url，它被用作react-pdf Image组件的src。
mfuanj7w2#
我刚刚创建了https://github.com/EvHaus/react-pdf-charts，它允许将
recharts渲染为react-pdf。目前它只有非常基本的支持，但我希望在社区的一些帮助下--我们可以得到全面的支持。