2016-07-28 43 views
0

Dies ist nur eine einfache html-datei mit pdfmake. Ich klicke auf eine Schaltfläche und öffne dann eine PDF-Datei. mit:wie man html zu pdf mit spezifischer schriftart oder sprache umwandelt mit pdfmake

pdfMake.createPdf(docDefinition).open(); 

Es ist in Ordnung, aber jetzt möchte ich eine bestimmte Sprache sehen (zB: Bangla) in meinem PDFPAGE. Wie ist das möglich . bitte hilf mir oder schlage mich vor.

Kopfteil:

<head> 
    <!-- <meta charset="utf-8" />--> 
    <meta http-equiv="Content-Type" content="text/html" meta charset="utf-8" /> 
    <title>html to pdf</title> 
    <link href="css/main.css" rel="stylesheet"> 
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> 
    <script src='pdfmake/build/pdfmake.min.js'></script> 
    <script src='pdfmake/build/vfs_fonts.js'></script> 
    <script src='build/pdfmake.min.js'></script> 
    <script src='build/vfs_fonts.js'></script> 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 

</head> 

Körperteil:

<body> 

    <h1>Hello World</h1> 
    <div class="btn-group"> 
     <div class="btn btn-success buttin_click_1" type="button">download</div> 
     <div class="btn btn-danger button_click_2" type="button">open</div> 
    </div> 

</body> 

Script:

<script> 
    $(document).ready(function() { 
     var docDefinition = { 
      content: 'This is an sample PDF printed with pdfMake ami ' 
     }; 

     $('.buttin_click_1').click(function() { 
      console.log('btn 1 clicked'); 
      pdfMake.createPdf(docDefinition).open(); 
     }); 

     $('.button_click_2').click(function() { 
      console.log('btn 2 clicked'); 
     }); 
    }); 
</script> 

Danke.

Antwort

0
  1. Importieren Sie die Schriftart in pdfMake.
  2. Danach die vfs_fonts.js aktualisieren, wie auf github
  3. assign pdfMake.fonts in Ihrem Javascript
  4. beschrieben
 

    $(document).ready(function() { 
     pdfMake.fonts = { 
      'SolaimanLipi': { 
       normal: 'SolaimanLipi-Regular.ttf', 
       bold: 'SolaimanLipi-Medium.ttf' 
      } 
     }; 
     var docDefinition = { 
      content: 'হ্যালো', 
      defaultStyle:{ 
       font: 'SolaimanLipi' 
      } 
     }; 

     $('.buttin_click_1').click(function() { 
      console.log('btn 1 clicked'); 
      pdfMake.createPdf(docDefinition).open(); 
     }); 

     $('.button_click_2').click(function() { 
      console.log('btn 2 clicked'); 
     }); 
    });