2017-08-12 58 views
3
try { 
    var a; 
    var b = new jsPDF("p", "pt", "a3"); 
    var c = document.getElementById("leftPieCanvas").toDataURL("image/png"); 
    b.addImage(c, "PNG", 265, 60); 
    a = document.getElementById("rightPieCanvas").toDataURL("image/png"); 
    b.addImage(a, "PNG", 205, 440); 
    if ($("#sales_table").length) { 
     var d = tableToJson($("#sales_table").get(0)); 
     b.setFont("helvetica"); 
     b.setFontType("bold"); 
     b.setFontSize(9); 
     $.each(d, function(a, c) { 
      $.each(c, function(c, d) { 
       b.cell(40, 830, 55, 20, d, a); 
      }); 
     }); 
    } 
    b.output("dataurlnewwindow"); 
} catch (e) { 
    alert(e); 
} 

上面的代码是工作在Firefox,但不是在铬,我用Google搜索,并得到了使用iframe,所以我创造的iframe,但建议不能把这个代码在上面的代码,任何人都可以提出建议,我如何将下面的代码添加到上面的代码中,以便我可以在谷歌浏览器中渲染PDF。不允许导航顶部框架数据网址:JsPDF

var html = '<html>' + 
     '<style>html, body { padding: 0; margin: 0; } iframe { width: 100%; height: 100%; border: 0;} </style>' + 
     '<body>' + 
     '<iframe src="' + url + '"></iframe>' + 
     '</body></html>'; 
+0

尝试寻找可能 – 2017-08-14 08:21:51

+0

这是一段JavaScript在您的网站放置在

1

在纯javascript,也许这样工作的:

HTML:<对象ID = “OBJ” 类型= “应​​用/ PDF” > < /对象>

JS:的document.getElementById ('obj')。data = doc.output(“datauristring”);

请尝试纠正我,如果我错了。

谢谢!

+0

Rossato感谢大量发布答案。上述解决方案是在铬和mozilla工作,但不能在边缘工作。 – Pruthviraj

1
<iframe id="ManualFrame" 
     frameborder="0" 
     style="border:0" 
     allowfullscreen> 
</iframe> 

<script> 
    $(function() { 
     setManualFrame(); 
    }); 

    function setManualFrame() { 
     $("#ManualFrame").attr("height", screen.height); 
     $("#ManualFrame").attr("width", screen.width); 
     $("#ManualFrame").attr("src", "data:application/pdf;base64," + Your_PDF_Data); 
    } 
</script>