2016-03-23 12 views
1

テーブルとグラフを含むdivがあり、PDFへのエクスポートが必要な場合は、html2canvas.jsを使用して1つのキャンバスを作成し、jsPDF.jsを使用してPDF文書にキャンバスを追加しますそれは働いた! Mozilla Fire FoxとGoogle Chromeのみ、Internet Explorer 9,10、および11は動作しませんでした。誰でもIEでこれを行うことが可能かどうか、または互換性の問題があるかどうかを知っていますか?DIVをPDFにエクスポートする

CODE:

関数createPDF(relatorio){

//レポートchice するvarフォーム= $(relatorio)を取得します。

var cache_width = form.width(); 

//A4 SIZE 
var a4 =[ 595.28, 841.89]; 

//CALL THE GET CANVAS FUNCTION 
getCanvas(form).then(function(canvas){ 

    var imgData = canvas.toDataURL('image/png'); 

    var imgWidth = 210; 

    var pageHeight = 295; 

    var imgHeight = canvas.height * imgWidth/canvas.width; 

    var heightLeft = imgHeight; 

    var doc = new jsPDF('p', 'mm'); 

    var position = 0; 

    doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight); 

    heightLeft -= pageHeight; 

    while (heightLeft >= 0) { 

     position = heightLeft - imgHeight; 

     doc.addPage(); 

     doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight); 

     heightLeft -= pageHeight; 

    } 

    doc.save('relatorioOrcadoRealizado.pdf'); 
    form.width(cache_width); 

} CANVAS

関数getCanvas(フォーム)FOR

// CONVERTのDIV {

戻りhtml2canvas(フォーム、{

imageTimeout:2000, 

removeContainer:true 

}); 

}

+0

ウェブ開発の世界へようこそ。 IEは通常あなたの問題を引き起こし、回避するのが非常に難しいでしょう。あなたのタスクはIE 10と11で動作するはずですが、IE 9では動作しません。互換モードで視力が動作しているかどうかを確認し、10と10でタスクを実行できるはずです。 11 – QBM5

+0

あなたのためのthaksレスポンス!私はIE 10と11にやっていますが、同じように私はこの作業をIE 9にすることができますか? –

+0

あなたの図書館はIE 9を正式にサポートしていますか?可能かどうかを判断するための貴重なリソースです – QBM5

答えて

0

同じ年の検索の後、私はこの問題のための解決策を見つけた、私はpolyfillを使用して、IE9でarrayBufferのミスを供給する必要があります。

関連する問題