如何使用 JsBarcode.js 生成条形码并在 Yii 框架 2.0 中使用 Kartik mPDF 将其打印在 PDF 文件上

Question

I have installed Kartik mPDF extension within Yii framework 2.0 . Below is the code snippet within my controller that generates PDF file and send it to the browser.

// setup kartik\mpdf\Pdf component
    $pdf = new Pdf([
        'mode' => Pdf::MODE_CORE, 
        'format' => Pdf::FORMAT_A4, 
        'orientation' => Pdf::ORIENT_PORTRAIT, 
        'destination' => Pdf::DEST_BROWSER, 

        // your html content input
        'content' => $this->renderPartial('print-barcode'),  

        'cssFile' => '@vendor/kartik-v/yii2-mpdf/assets/kv-mpdf-bootstrap.min.css',
        'cssInline' => '.kv-heading-1{font-size:18px}', 
        'options' => ['title' => 'My PDF file'],
        'methods' => [ 
            'SetHeader'=>['My header'], 
            'SetFooter'=>['{PAGENO}'],
        ]
    ]);

    return $pdf->render(); 

I have two JS files ( JsBarcode.js and CODE128.js ) which can be found here https://github.com/lindell/JsBarcode To generate barcode I need to include these JS files and my custom JavaScript code. In my view, I normally include those files as follows (my print-barcode.php ).

<?php
$this->registerJsFile(Yii::$app->urlManager->baseUrl . '/js/JsBarcode.js', ['depends' => [\yii\web\JqueryAsset::className()]]);
$this->registerJsFile(Yii::$app->urlManager->baseUrl . '/js/Code128.js', ['depends' => [\yii\web\JqueryAsset::className()]]);

$jsGenerateBarcode = 'My custom Javascript code goes here ...';
$this->registerJs($jsGenerateBarcode, $this::POS_END);
?>

All the included JavaScript code does not have any effect at all, since it is a PDF file and not a webpage. How can I print the barcode generated by JsBarcode.js and by CODE128.js and pass it on the PDF file which is generated by kartik\\mpdf\\Pdf; ?

Answer 1

Sorry so late, but this works for me. You should create a view with the information first, then use renderPartial and sent that to mpdf.

My View contains:

<script src="<?=yii::$app->params['rootUrl']?>/js/JsBarcode.code128.min.js"></script>

<p>Safety is Everyone's Responsibility</p>
<p><barcode code="<?=$model->qrcode?>" type="C128A" class="barcode" size="0.8" /></p>

And to test:

return $this->renderPartial('_print-view',['model'=>$myModel]);

And Finally to print the pdf (I was printing Badges so i was playing with margins):

$mpdf = new \Mpdf\Mpdf([  
//'mode' => 'c'
'margin_left' => 0,
'margin_right' => 0,
'margin_top' => 0,
'margin_bottom' => 0,
'format' => [54,86],
]);

$mpdf->SetTitle('Badge: '.$myModel->badge_number);
$mpdf->WriteHTML($this->renderPartial('_print-view',['model'=>$myModel,'page'=>1]));

$mpdf->AddPage('L');
$mpdf->WriteHTML($this->renderPartial('_print-view',['model'=>$myModel,'page'=>2]));

$mpdf->Output($badge_number,'I');