将未显示的React JSX元素导出到图像

问题描述

我想将React JSX元素（想象一个简单的div）转换为可下载的图像。

我尝试通过使用 dom-to-image 库来做到这一点，并且有效。

那是什么问题？

我希望导出的元素不要是直接显示在页面上的元素，这样该对象就不会受到操作，例如通过chrome元素检查器进行操作。

例如，这是我的JSX元素：

const myDiv = () => (
    <div>Hello</div>
)

如果有人通过元素检查器更改了文本，则该元素将以“非法”更改导出，因为该方法就像拍摄某种屏幕截图一样。

我的目标是将一个孪生元素导出到屏幕上显示的那个元素。

使用相关库的方法，可以访问文档中加载的元素，就我而言，我想使用未加载的元素。

提示？在此先感谢;）

解决方法

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

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

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