将组件重新打包为PNG

通过研究“图表”组件，我能够解决我的问题。图表在包装器下呈现为SVG，因此我要做的就是正确转换以保存为HTML或SVG

// Exports the graph as embedded JS or PNGexportChart(asSVG) {    // A Recharts component is rendered as a div that contains namely an SVG    // which holds the chart. We can access this SVG by calling upon the first child/    let chartSVG = ReactDOM.findDOMNode(this.currentChart).children[0];    if (asSVG) {        let svgURL = new XMLSerializer().serializeToString(chartSVG);        let svgBlob = new Blob([svgURL], {type: "image/svg+xml;charset=utf-8"});        FileSaver.saveAs(svgBlob, this.state.uuid + ".svg");    } else {        let svgBlob = new Blob([chartSVG.outerHTML], {type: "text/html;charset=utf-8"});        FileSaver.saveAs(svgBlob, this.state.uuid + ".html");    }}

我正在使用FileSaver.js作为保存提示。