htmlのsvg画布の内容をpngに変換してエクスポートします.
話を多くしないで、直接コードをかけます.
function converDownload() {
var mainWarp = document.getElementById("main-warp");
var svg = document.getElementById("orig-svg");
var dd = 'data:image/svg+xml;base64,' + window.btoa(unescape(encodeURIComponent(mainWarp.innerHTML)));
var img = new Image();
img.src = dd;
document.getElementById("help-div").appendChild(img);
var canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
setTimeout(function() {
var data = canvas.toDataURL('image/png');
var a = document.createElement('a');
a.href = data; // png
a.download = "logo.png"; //
a.click(); //
}, 1000);
}