2017-02-28 11 views
-1

私は以下のhtml2canvasコードを使用して文書の本文の下にキャンバスを追加しましたが、特定のdivをターゲットにしてpdfとして保存しますか?html2canvasをPDFファイルとして保存するには

function getscreenshot() { 
     html2canvas(document.body, { 
      onrendered: function (canvas) { 
       document.body.appendChild(canvas); 
      } 
     }); 
    }; 

答えて

1

は(場合には、あなたが同じページに複数のPDFファイルをエクスポートしたいあなたはPDFファイルと名前にエクスポートするのdivのidを渡すことを確認し、これを試してみてください。あなたが感じる場合は、名前の一部を離れてオフに取ることができ、その関数へのパラメータとしてpdfmake行からも削除してください)

function getscreenshot(div, name) { 
    html2canvas(document.getElementById(div), { 
     onrendered: function (canvas) { 
      var data = canvas.toDataURL(); 
      var docDefinition = { 
       content: [{ 
        image: data, 
        width: 500, 
       }] 
      }; 
      pdfMake.createPdf(docDefinition).download(name + ".pdf"); 
     } 
    }); 
} 
+0

こんにちは@Manuel Vidal、これは私がC#スクリプトのボタンから関数を呼び出す方法ですか? 'main'はdivの名前で、 'mcn'はファイル名を保存したい:protected void Print_Button_Click(オブジェクト送信者、EventArgs e) { ScriptManager.RegisterClientScriptBlock(this、GetType()、 "mykey"、 "getscreenshot(main、mcn);"、true); } – kehoewex86

+0

正直言って、私はそれについて知識がないので、私はそれに答えることができません。 –

+0

@Manuel Vidalありがとう、ドキュメント、ボディのために素晴らしい作品ですが、1つの部門のために働くように苦労して...しようとします! – kehoewex86

関連する問題