1. Install dompdf
composer require dompdf/dompdf
2. Add Svg to Pdf
Caculate $dataQrs
$dataQrs = ImageHelper::imageToBase64($qrPathProduct)
Function imageToBase64
public static function imageToBase64($path)
{
$path = $path;
$type = pathinfo($path, PATHINFO_EXTENSION);
$data = file_get_contents($path);
$base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);
return $base64;
}
3. Custom font family for Pdf
Custom fontDir, fontCache
/**
* Generate QR code pdf
* @return array<string> images qr
*/
public function generateQRCodePdf($dataQrs)
{
// render pdf from $dataQrs
$html = $this->templating->render('@admin/Product/qr_code_template_pdf.twig', ['dataQrs' => $dataQrs]);
// set option for dompdf
$options = new Options([
"rootDir" =>"vendor/dompdf/dompdf",
"fontDir" =>"var/cache/qr/fonts", // path for auto generate font
"fontCache" =>"var/cache/qr/fonts", // path for auto generate font
"logOutputFile" =>null,
"defaultMediaType" =>"screen",
"defaultPaperSize" =>"a4",
"defaultPaperOrientation" =>"portrait",
"defaultFont" =>"Noto Sans",
"dpi" =>120,
"fontHeightRatio" =>1.1,
"isPhpEnabled" =>false,
"isRemoteEnabled" =>true, // have to true to generate font
"isJavascriptEnabled" =>true,
"isHtml5ParserEnabled" =>true,
"isFontSubsettingEnabled" =>false,
"debugPng" =>false,
"debugKeepTemp" =>false,
"debugCss" =>false,
"debugLayout" =>false,
"debugLayoutLines" =>true,
"debugLayoutBlocks" =>true,
"debugLayoutInline" =>true,
"debugLayoutPaddingBox" =>true,
"pdfBackend" =>"PDFLib",
"pdflibLicense" =>""
]);
$dompdf = new Dompdf($options);
$dompdf->loadHtml($html);
$dompdf->setPaper('A4', 'portrait');
$dompdf->render();
// store temp_qr_pdf for this user
$filePdf = QRCodeSizes::QR_PATH . '/' . $this->handler->getId() . 'qr_temp.pdf';
$filePath = $this->eccubeConfig['eccube_save_image_dir'] . '/' . $filePdf;
$fileUrl = $this->assetPackage->getUrl($filePdf, 'save_image');
file_put_contents($filePath, $dompdf->output());
return $fileUrl;
}
load file font-family file .twig add style
ex for url: http://eccube.test/html/upload/qr/fonts/MeiryoJP-Bold.ttf (have to has http://)
<style>
@font-face {
font-family: 'Meiryo UI'; src: url({{ eccube_config.app_url ~ '/html/upload/qr/fonts/MeiryoJP-Bold.ttf' }}) format("truetype");
font-weight: 1200;
font-style: normal;
}
body {
font-family: "Meiryo UI";
}
</style>
or in header
<<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=utf-8" />
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Tangerine&display=swap" rel="stylesheet" />
<style>
.m {
font-family: 'Montserrat';
}
.t {
font-family: 'Tangerine';
}
</style>
in body
<p class="m">xin chao helo メールの書式は正しくない</p>
<p class="t">xin chao helo メールの書式は正しくない</p>
Reference:
- https://github.com/dompdf/dompdf
* Explain option in Option of pdf
- $isRemoteEnabled = true => can use font-face, and font cache can auto create when you create pdf
/**
* Enable remote file access
*
* If this setting is set to true, DOMPDF will access remote sites for
* images and CSS files as required.
*
* ==== IMPORTANT ====
* This can be a security risk, in particular in combination with isPhpEnabled and
* allowing remote html code to be passed to $dompdf = new DOMPDF(); $dompdf->load_html(...);
* This allows anonymous users to download legally doubtful internet content which on
* tracing back appears to being downloaded by your server, or allows malicious php code
* in remote html pages to be executed by your server with your account privileges.
*
* This setting may increase the risk of system exploit. Do not change
* this settings without understanding the consequences. Additional
* documentation is available on the dompdf wiki at:
* https://github.com/dompdf/dompdf/wiki
*
* @var bool
*/
private $isRemoteEnabled = false;
- $isFontSubsettingEnabled" should set = true (default is true): isFontSubsettingEnabled is a configuration option that, when enabled, instructs the system to subset fonts, including only the characters used within the content, thereby reducing file size and improving performance.
Thank you
