goJs提供了方法可以将画布转化为base 64位的url链接,通过a链接将base64位格式转成图片再下载到本地。
官方提供的API
- makeSvg(properties)
创建一个包含当前Diagram的SVG渲染的SVGElement。
- makeImage(properties)
创建一个包含当前Diagram的位图的HTMLImageElement
- Diagram.makeImageData(properties)
输出Base64图像数据字符串,
官方案例
go画布转svg格式文件
https://gojs.net/latest/samples/minimalSVG.html
go画布转image图片格式
https://gojs.net/latest/intro/makingImages.html
示例代码
var date = new Date().getTime();
var Img = Diagram.makeImage({
scale: 2,
background: "white"
});
var imgSrc = Img.src;
var filename = date + ".png";
var a = document.createElement("a");
a.style = "display: none";
a.href = imgSrc;
a.download = filename;
requestAnimationFrame(function () {
a.click();
});