Node.js 如何获取呈现html的屏幕截图以创建png?

Node.js 如何获取呈现html的屏幕截图以创建png?,node.js,image,screenshot,headless-browser,Node.js,Image,Screenshot,Headless Browser,我需要动态生成包含个人照片和各种“状态”信息的图像。我有一些设计师的设计 查看设计(对我来说)最简单的方法是使用我知道的工具生成外观——HTML、CSS、ReactJs等 但是,我怎样才能真正地“截图”(在服务器上)浏览器将看到什么,然后保存到PNG 理想情况下,我希望在NoDEJS中这样做,但如果需要的话,很乐意考虑C语言或java语言或其他语言。 我知道nodejs会让你运行一个“无头浏览器”进行测试,但我想做的基本上是“拍摄一个视觉快照”这些浏览器“看到”的内容并保存到png 热衷于写这篇

我需要动态生成包含个人照片和各种“状态”信息的图像。我有一些设计师的设计

查看设计(对我来说)最简单的方法是使用我知道的工具生成外观——HTML、CSS、ReactJs等

但是,我怎样才能真正地“截图”(在服务器上)浏览器将看到什么,然后保存到PNG

理想情况下,我希望在NoDEJS中这样做,但如果需要的话,很乐意考虑C语言或java语言或其他语言。 我知道nodejs会让你运行一个“无头浏览器”进行测试,但我想做的基本上是“拍摄一个视觉快照”这些浏览器“看到”的内容并保存到png

热衷于写这篇文章,并在我们的服务器上运行它,因此,如果可能的话,寻找有关如何编写这篇文章而不是外部服务的建议


提前谢谢

您是从Node.js服务器发送视图,还是在不同的服务器/FW(如angular、react)上运行前端?你需要测试报告还是来自acutal网站?嘿,谢谢你的提问。。嗯,我猜是一条小蛇在吃自己的尾巴。我想到的是image\u url->nodejs route(check.cache)->headless browser->reactjs frontend(由同一个nodejs托管)仍然在研究这个问题,但这看起来很有意义