Electron 应用程序，plantUml 在 Html 代码 (jquery) 中生成图像，按钮下载它但没有任何 source/href

Question

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

Project with all code in GitHub

基本上这是一个 plantUml 查看器，您将 PlantUml 代码放在文本区域中，按下按钮，一个 plantUml 图出现在边栏上。

Simple.

工作原理

• 在 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 module

问题：

好吧，它可以渲染图像，但该图像未保存在磁盘中，而是嵌入在 HTML 中，所以我不知道图像的来源 ( href)添加一个link/button下载图片：

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

问题是electron也不支持右击，当我在浏览器中打开index.html时我可以右击并下载图片，但是在这里我不能...我需要添加按钮或link下载图片，但我不知道如何访问（也许使用图片中的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();