使用带有jspdf的png图像在新标签页中打开pdf可在Mozilla中使用,但不适用于Chrome或Internet Explorer

时间:2015-07-02 06:33:49

标签: javascript jquery html flot jspdf

我在我的html网站上创建了一个flot图,并希望能够将其导出为pdf(点击按钮),该pdf应该在新标签中打开,供人们决定是否要将其下载到他们的电脑与否。

我从jpeg开始,它工作正常,但由于透明度问题,背景显示为黑色,所以我改为png。

在此之后,我的代码崩溃了Chrome浏览器,或者打开一个新的空标签!对于Internet Explorer也是如此...在Mozilla中它似乎工作正常。将pdf保存到文件而不是在新窗口中打开在所有浏览器中都是完美的,但我不希望用他们可能不想要的垃圾填充人们的下载文件夹。

我创造了一个小提琴来重现这个问题:http://jsfiddle.net/8tLt9yof/10/

jQuery代码"获取pdf"按钮读取(plot是我的flot图的名称):

var canvas = plot.getCanvas();
var src = canvas.toDataURL("image/png");
var doc = new jsPDF('landscape');
doc.addImage(src, 'PNG', 10, 20, 280, 150);
doc.output('dataurlnewwindow');

有人能帮我看看我做错了吗?

0 个答案:

没有答案