Javascript,HTML,CSS [关闭]

问题描述 投票:-3回答:1

我想创建一个网页,客户可以在其中自由创建他希望的流程图,然后将该流程图以Json文件的形式保存在他的本地系统中。

我遇到了goJS,它不是免费的,也遇到了开源的mxGraph。有人有我可以参考的任何教程视频或链接吗?我真的更喜欢开源库btw。

如果我是初学者,请务必提及您对另一种方法的专家意见。

谢谢。

javascript html jquery web gojs
1个回答
-1
投票

未修改的样本https://gojs.net/latest/samples/flowchart.htmlhttps://gojs.net/latest/samples/blockEditor.html每个都显示一个文本区域,其中包含该图表示的JSON格式的文本。您可以复制并粘贴该文本。但是,如果您确实希望用户“下载”文件,则可以采用与其他文件相同的方式来实现。类似于:

    function download() {
      var text = myDiagram.model.toJson();
      var result = "data:text/plain," + encodeURI(text);
      var a = document.createElement("a");
      a.style = "display: none";
      a.href = result;
      a.download = "model.txt";
      if (window.navigator.msSaveBlob !== undefined) {  // IE 11 & Edge
        window.navigator.msSaveBlob(blob, a.download);
        window.URL.revokeObjectURL(result);
        return;
      }
      document.body.appendChild(a);
      requestAnimationFrame(function() {
        a.click();
        window.URL.revokeObjectURL(result);
        document.body.removeChild(a);
      });
    }
© www.soinside.com 2019 - 2024. All rights reserved.