为什么打开png文件时没有显示绘图图像？

Question

我创建了反应性绘图函数p1（）和p2（），它们可以完美呈现。我将它们带到下载处理程序函数中并保存png文件，然后在打开文件时看不到图像？为什么会这样？

针对此问题，我提供了可复制的代码和示例数据框。

class test {
    a: any;
    b: string = 'something';
}

单击下载按钮时，我看到文件名“ Pie Segmentation.png”，然后将其保存到文件中。当我打开此文件时，没有图像。有人可以提出解决方案吗？