0

我正在进行一个需要支持 ie9 或 ie10 的项目。
我正在使用 d3.js 进行数据可视化。
现在我需要提供一个函数来将图表导出为 pdf。
我一直在调查可能的解决方案。似乎canvas + jsPdf是要走的路，下面是我写的一些代码。
但问题是当调用toDataURL 时，会导致IE9 和IE10 出现安全错误。所以我想知道是否有一些工作可以在不使用画布的情况下获取base64图像数据，因为jsPdf只需要base64图像数据？？？

  1. createObjectURL 到根 svg 元素

    svgElement = $('svg').get(0); 
serializer = new XMLSerializer();
str = serializer.serializeToString(svgElement);

DOMURL = window.URL || window.webkitURL || window;
url = DOMURL.createObjectURL(new Blob([str], {type: 'image/svg+xml;charset=utf-8'}));

  2. 使用画布绘制图像

    img = new Image();
img.onload = function(){
    ctx.drawImage(img, 0, 0);

    imgData = $canvas.get(0).toDataURL("image/jpeg");
    DOMURL.revokeObjectURL(url);  

    pdf = new jsPDF('landscape', 'pt', 1000, 800);
    pdf.addImage(imgData, 'JPEG', 0, 0);
    pdf.save('download.pdf');
};
img.src = url;
4

1 回答 1

0

我终于找到了使用开源项目的解决方案：canvg

于 2015-07-02T22:23:20.527 回答