时间戳

首页 > 解决方案 > 在 React Native 中将 HTML 转换为图像

html - 在 React Native 中将 HTML 转换为图像

问题描述

我目前正在尝试从 React Native 中的 html 字符串生成图像（png/jpg），如下所示：

<table><tr><th>Company</th><th>Contact</th><th>Country</th></tr><tr><td>AlfredsFutterkiste</td>" +
        "<td>MariaAnders</td><td>Germany</td></tr><tr><td>CentrocomercialMoctezuma</td><td>FranciscoChang</td>" +
        "<td>Mexico</td></tr><tr><td>ErnstHandel</td><td>RolandMendel</td><td>Austria</td></tr><tr>" +
        "<td>IslandTrading</td><td>HelenBennett</td><td>UK</td></tr></table>

我发现了一些很好的第三方实现，它们从 html 字符串（https://github.com/christopherdro/react-native-html-to-pdf）生成 pdf，但没有从 html 生成图像。

任何帮助，将不胜感激。谢谢你。

标签： htmlreact-nativepng

解决方案

这里有 2 个节点包可以帮助您将给定的 DOM 转换为 svg/png/jpeg 图像：

https://github.com/tsayen/dom-to-image

https://www.npmjs.com/package/html-to-image

推荐阅读