我们使用html2canvas.js和canvg.js(@ version 2.0.1)和highcharts.js将图表下载到png图像。
这在Chrome中可以正常运行,但是在IE和Firefox中这不起作用。
以下是Chrome,IE和Firefox下载的屏幕截图:
铬: Chrome image
火狐: Firefox image
码
var svg = $('#previewImage');
html2canvas(svg, {
onrendered: function(canvas) {
$("#previewImage").append(canvas);
var imgageData = canvas.toDataURL("image/png");
download(imgageData, filename + '.png');
}
});
}
function download(data, filename) {
$('#previewImage').css('display', 'none');
var a = document.createElement('a');
a.download = filename;
a.href = data
document.body.appendChild(a);
a.click();
a.remove();
}