javascript - Electron 应用程序，plantUml 以 Html 代码（jquery）生成图像，按钮下载，但没有任何源/href

Question

我正在开发一个简单的电子APP。

在 GitHub 中包含所有代码的项目

基本上那是一个plantUml查看器，你把PlantUml代码放在文本区域，按下按钮，一个plantUml图表出现在侧边栏上。

简单的。

这个怎么运作

• 在 HTML 代码中插入带有标签 uml 的图像，使用 palntUml 代码：

  <img uml='
  Bob->Alice : foo
  Bob<--Alice : foo
  '>
  

• 运行此方法，所有带有该标签的图像都将被更改：

   // I use this method to transform the plantUml code into a image
  plantuml_runonce();  
  

PlantUml jQuery 模块

问题：

好吧，它可以渲染图像，但是该图像未保存在磁盘中并嵌入了 HTML，因此我不知道图像的来源（href）以添加链接/按钮以下载图像：

<a href="WHAT IS THE REFERENCE TO DOWNLOAD THE IMAGE IN THE HTML??" download>

问题是电子也不支持右键单击，当我在浏览器中打开 index.html 时，我可以右键单击并下载图像，但在这里我不能......我需要添加一个按钮或链接下载图像，但我不知道如何访问（可能使用图像中的 id 并使用 JavaScript 下载？）

Answer 1

将 附加id到图像并编写一些 JavaScript 以下载src.

var link = document.createElement('a');
link.download = document.getElementById("someid").src;
link.href = document.getElementById("someid").src;
link.click();