我想将一个React组件（可能包含其他组件作为子组件）转换为图像。基本上，我想创建一个特定HTML部分的图像视图。我该怎么做？任何来自ReactJS或Javascript的库都可以工作。
nx7onnlm1#
我在后端使用puppeteer模块解决了它。基本上，puppeteer生成一个虚拟浏览器，在其中加载组件并捕获图像。你需要把你的html代码传递到后端并生成图像。https://www.npmjs.com/package/node-html-to-image
puppeteer
jdzmm42g2#
你可以使用这个软件包https://github.com/hcorta/react-to-image它完全在前端。它的工作原理是使用HTML5画布和SVG从DOM节点生成图像。
0x6upsns3#
是的，你可以使用下面的库将你的React组件转换为图像。“html2canvas”npm install html2canvas
3条答案
按热度按时间nx7onnlm1#
我在后端使用
puppeteer模块解决了它。基本上，puppeteer生成一个虚拟浏览器，在其中加载组件并捕获图像。你需要把你的html代码传递到后端并生成图像。
https://www.npmjs.com/package/node-html-to-image
jdzmm42g2#
你可以使用这个软件包https://github.com/hcorta/react-to-image它完全在前端。它的工作原理是使用HTML5画布和SVG从DOM节点生成图像。
0x6upsns3#
是的，你可以使用下面的库将你的React组件转换为图像。“html2canvas”
npm install html2canvas