2016-10-31 5 views
1

私はHtml2Canvasを使い、次にjsPdfを使って画像を書き出します。Html2キャンバス画像がカットされています

これは関数です、私は考慮してビューポートを取っていると思います

function exportPdf() { 
    content = $("#print"); 

    var useWidth = content.prop('scrollWidth'); 
    var useHeight = content.prop('scrollHeight'); 

    debugger; 

    html2canvas((content), { width: useWidth, height: useHeight}).then(function (canvas) { 
     debugger; 
     var img = canvas.toDataURL("image/png"); 
     var doc = new jsPDF({ 
      unit:'px', 
      format:'a4' 
     }); 

     debugger; 
     doc.addImage(img, 'JPEG', 0, 0); 
     doc.save('test.pdf'); 
    }); 
} 

それは考慮に入れ、それを取ることはありませんスクロール下にあるものは何でももちろん、プリントスクリーンを行うようなものです。

アイデア? html2canvasを呼び出す前に

答えて

1

コール

window.scrollTo(0,0) 

、そのは、そのバグと思われるが、ウィンドウは、それは私のために働くこと

+0

に渡されたDOM全体をキャプチャするhtml2canvasのために先頭にする必要があり、おかげで: ) –

関連する問題