2017-02-28 5 views
-1

Ich habe den folgenden html2canvas-Code verwendet, um die Leinwand unter den Textkörper des Dokuments anzuhängen, aber ich möchte ein bestimmtes div anvisieren und es als pdf speichern?Wie html2canvas als PDF-Datei gespeichert wird

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

Antwort

1

dies versuchen, stellen Sie sicher, div id Sie in pdf und Namen (falls Sie mehrere PDF-Format auf der gleichen Seite exportieren möchten exportieren wollen passieren. Sie können sich den Namen Teil nehmen ab, wenn Sie das Gefühl, nur sicherstellen, dass es von der pdfmake Linie zu entfernen) sowie Parameter für diese Funktion

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

Hallo @Manuel Vidal, das ist, wie ich die Funktion der Taste in der C# Skript aufrufen? "main" ist der Name des div und "mcn" der Name der Datei, die ich speichern möchte: protected void Print_Button_Click (Objekt-Absender, EventArgs e) { ScriptManager.RegisterClientScriptBlock (this, GetType(), "mykey", "gecscreenshot (main, mcn);", true); } – kehoewex86

+0

Um ehrlich zu sein, kann ich das nicht beantworten, da ich keine Kenntnis darüber habe. –

+0

Vielen Dank @Manuel Vidal, funktioniert gut für das Dokument, Körper, aber kämpfen, um es für ein einzelnes div arbeiten ... wird weiter versuchen! – kehoewex86