将Google图表下载为jpeg而不是png？

Question

我目前正在使用以下代码将Google图表下载为png：

var imgUri = my_chart.getImageURI();
var url  = window.URL || window.webkitURL;
linkPNG = document.createElement("a");
linkPNG.href = imgUri;
linkPNG.download = title+".png";
link.click();

工作正常。 不幸的是，我的用户需要jpeg而不是png，而我通常

var imgURL = my_chart.toDataURL( "image/jpeg" );

似乎不适用于Google Charts。 如何将图表下载为.jpg而不是.png？

Answer 1

在花了一些时间浏览可视化库的模糊源之后，我确定仅从数据URI重新创建图像而不是尝试更改原始导出类型将更容易。 您可以使用图像加载数据URI，将其绘制在画布上，然后将其转换回数据URI。

var img = new Image();
img.addEventListener('load', function() {
    var canvas = document.createElement('canvas');
    canvas.width = img.width;
    canvas.height = img.height;
    var ctx = canvas.getContext('2d');
    ctx.fillStyle = 'white';
    ctx.fillRect(0, 0, img.width, img.height);
    ctx.drawImage(img, 0, 0);
    var link = document.createElement('a');
    link.href = canvas.toDataURL('image/jpeg');
    link.download = title + '.jpg';
    link.click();
});
img.src = my_chart.getImageURI();

某些错误处理也可能不是一个坏主意。