2017-08-12 21 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>