Мы используем html2canvas.js и canvg.js (@version 2.0.1) и highcharts.js для загрузки диаграммы в изображение png.
Это работает, как и ожидалось, в Chrome, однако в IE и Firefox это не работает.
Ниже приведены скриншоты загрузки в Chrome, IE и Firefox:
Chrome:
Хромированное изображение
Firefox:
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();
}