2016-07-28 40 views
0

これはpdfmakeを使用した単純なhtmlファイルです。 ボタンをクリックしてからpdfファイルを開きます。pdfmakeを使用して特定のフォントまたは言語でhtmlからpdfに変換する方法

pdfMake.createPdf(docDefinition).open(); 

それは大丈夫だが、今、私は特定の言語(例:バングラ)見たい: 使用して私のpdfpageでは。どのように可能です。助けてください。

ヘッダー部:

<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> 

ボディ部:

<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> 
    $(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> 

ありがとうございました。

答えて

0
  1. をpdfMakeにインポートします。その後
  2. github
  3. に説明するように、JavaScriptで
 

    $(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'); 
     }); 
    }); 

をpdfMake.fontsを割り当てるvfs_fonts.jsを更新
関連する問題