Javascript 如何使用gitgraph.js生成png

我想用它来生成一些漂亮的图形，用于工作流文档。因此，我需要这些图形作为png文件

我的第一次尝试是创建一个静态html页面，加载gitgraph.js，创建图形，加载浏览器，并截图将结果保存为png

const graphContainer=document.getElementById（“图形容器”）；
const gitgraph=GitgraphJS.createGitgraph（graphContainer）；
const master=gitgraph.branch（“master”）；
主提交（“初始提交”）；
主提交（“第二次提交”）；

只是为了得到图表：

由于这些步骤对于不止一张图片来说都是痛苦的工作，我想自动完成。 在我的梦中，每张图片都有一个只包含javascript代码的文件，例如

graph_a.js

：

const gitgraph=GitgraphJS.createGitgraph（graphContainer）；
const master=gitgraph.branch（“master”）；
主提交（“初始提交”）；
主提交（“第二次提交”）；

下一步是调用批处理脚本，按一个按钮或在我最喜欢的IDE中执行一个命令（在本例中为Visual Studio代码），几秒钟后，我得到一个graph_a.png，结果如上图所示

由于我是javascript新手，您能给我一些解决问题的提示吗？有什么建议我可以使用什么样的工具链

非常感谢一位底层嵌入式C程序员；-）

这是（2018年）和（2020年）提出的要求

但这超出了库的范围，因此您必须包括第三方屏幕截图实用程序，如。

，该实用程序是在（2018）和（2020）中请求的

但这超出了库的范围，因此您必须包括第三方屏幕截图实用程序，如