Chrome浏览器中的iframe中的后续PDF渲染问题

Question

使用jsPDF我正在生成PDF并使用iframe将其渲染到新的浏览器窗口中，并在按钮单击事件中使用以下代码，对于第一次按钮单击而言，窗口打开时出现PDF错误，仅在Chrome浏览器中显示，在FF中正常工作。

var string = pdf.output('datauristring'); 
 
var iframe = "<iframe width='100%' height='100%' src='" + string + "'></iframe>" 
 
var x = window.open(); 
 
x.document.open(); 
 
var y = x.document.write(iframe); 
 
x.document.close();

错误的屏幕截图

Answer 1

你应该试试这个下面的代码。这对我和Chrome以及Firefox都有效。

var doc = new jsPDF() 
doc.text('Hello world!', 10, 10) 
var string = doc.output('datauristring') 
var iframe = "<iframe width='100%' height='100%' src='" + string + "'></iframe>" 
var x = window.open() 
x.document.open() 
x.document.write(iframe) 
x.document.close()