png
function myCallback(blob) {
var url = window.URL.createObjectURL(blob);
var filename = "myBlobFile.png";
var a = document.createElement("a");
a.style = "display: none";
a.href = url;
a.download = filename;
// IE 11
if (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);
});
}
function makeBlob() {
var blob = myDiagram.makeImageData({returnType: "blob",scale: 3, detail:0.9, callback: myCallback });
}
var button = document.getElementById('openSVG');
button.addEventListener('click', function() {
/* var newWindow = window.open("","newWindow");
if (!newWindow) return;
var newDocument = newWindow.document;
var svg = myDiagram.makeSvg();
newDocument.body.appendChild(svg); */
//var img = myDiagram.makeImageData({ background: "white", type: "image/png", detail:0.5 });
makeBlob();
}, false);
svg
function makeBlob() {
var svgstr = myDiagram.makeSvg({ scale: 1, background: "white" }).outerHTML;
var blob = new Blob([svgstr], { type: "image/svg+xml" });
myCallback(blob);
}