gojs 生成Img 并下载

news/2024/11/28 23:32:20/

//画布生成Img 的其他属性定义详情查看gojs api,

myDiagram.makeImage();

//通过gojs API获取画布的img对象
img = myDiagram.makeImage({scale: 1,});
// 将图片的src属性作为URL地址
var url = img.src;
var a = document.createElement('a');
var event = new MouseEvent('click');
a.download = '下载图片名称';
a.href = url;
a.dispatchEvent(event);

//如果节点过多,makeImage生成清晰度不高可以考虑生成svg

// When the blob is complete, make an anchor tag for it and use the tag to initiate a download// Works in Chrome, Firefox, Safari, Edge, IE11function myCallback(blob) {var url = window.URL.createObjectURL(blob);var filename = "mySVGFile.svg";var a = document.createElement("a");a.style = "display: none";a.href = url;a.download = filename;// IE 11if (window.navigator.msSaveBlob !== undefined) {window.navigator.msSaveBlob(blob, filename);return;}document.body.appendChild(a);requestAnimationFrame(function() {a.click();window.URL.revokeObjectURL(url);document.body.removeChild(a);});}//生成svg 并下载function makeSvg() {var svg = myDiagram.makeSvg({ scale: 1, background: "white" });var svgstr = new XMLSerializer().serializeToString(svg);var blob = new Blob([svgstr], { type: "image/svg+xml" });myCallback(blob);}

 


http://www.ppmy.cn/news/366408.html

相关文章

大数据错题库(微信群Bug整理)

文章目录 请教下大家,我们老的数仓用的Oracle,基于数仓做了些应用,主要是各种角度的查询,用的储存过程来实现。现在数仓转到Hadoop上,应用可以连接hadoop来取数,整体改造就大了,储存过程里的逻辑…

美化下下我的博客园

美化博客园 成天面对着单调的博客页面是否觉得单调? 这么有个性的你,难道不想DIY一下自己的博客园私属空间吗? 那么今天我们就来美化一下自己的博客园,让它看起来与众不同。 1.更换博客园背景和鼠标皮肤 Come Baby这个很简单的说&…

2023最新Web前端面试题精选大全及答案(一)

1.Opacity和grba的区别 是 opacity 会继承父元素的 opacity 属性,而 rgba 设置元素的后代元素不会继承不透明属性 2.Display:none和visibilty区别 display: none会产生回流和重绘,visibility:hidden;和opacity:0;只会引起页面重绘 回流一定会…

ROS示例----导航功能包Husky_exploration

ROS导航功能包示例husky amcl gmapping slam exploration 此功能包包含如下文件: 结构如下: $ tree -L 2 . ├── CMakeLists.txt -> /opt/ros/kinetic/share/catkin/cmake/toplevel.cmake ├── husky_base │ ├── CHANGELOG.rst │ ├──…

Bitmap font 使用方法

一,工具下载路径 BMFont Bitmap_font 二,资源 图片相同类型尺寸要一致 数字的问题不大,但是*/等符号的高度不一致 会导致图片位置不一致,比如下面 减在实际使用中就会靠上 没有上下居中 三.图片引入 点击Edit->Open image Man…

于娟临终前的忠告(一) 此博文包含图片

复旦大学女教师于娟已经去世一年多了,但这篇《为啥是我得癌症?》值得每个人认真阅读。 于娟,女,32岁,祖籍山东济宁,海归,博士,复旦大学优秀青年教师,一个两岁孩子的母亲&…

基于Attention_CNN_GRU的野生动物监测图像分类

大一的时候突发奇想选择了这样的一个方向,并查阅了相关文献,努力去完成这样的一个系统化的东西。但确实这方面做的人很少,也没有找到有关的进行学习,做的也是很是缓慢,同时也是运用到了Paddle框架,Paddle的…

CVPR 2022 | 大幅减少零样本学习所需的人工标注,马普所和北邮提出富含视觉信息的类别语义嵌入...

来源:机器之心 本文约2900字,建议阅读10分钟VGSE模型能够发掘与人工标注属性互补的视觉特征。 来自北京邮电大学、马普所等机构的研究者提出了类别嵌入发掘网络,提高了类别嵌入在视觉空间的完备性,对零样本学习中类别之间的知识转…