乐趣区

php-使用mpdf实现指定字段配置字体样式

前两天在做一个 pdf 导出功能, 使用的插件是 kartik-v/yii2-mpdf,此插件使用的是 mpdf

composer required kartik-v/yii2-mpdf

mpdf 文档地址:https://mpdf.github.io/

有一个需求要求导出的 pdf 中需要将一个指定的字段设置为一个指定的字体,其他的信息不使用此字体

刚开始我直接将 mpdf 的 fontdata 加上我需要加上的字体文件

// 配置字体目录
'fontDir' => array_merge($fontDirs, [Yii::getAlias('@common/pdf/fonts'),
]),
// 配置字体
'fontdata' => ArrayHelper::merge($fontData, [
    'sun-exta' => [
        'R' => 'my.ttf',
        'sip-ext' => 'sun-extb',
    ]
]),

但是当我配置了如上配置之后发现,pdf 的所有信息都变成了这个指定的字体,原来这是全局配置字体

那么我又想到我配置一个无需要使用的字体,然后在页面上引用不就行了吗

于是我配置了一个字体:

'fontdata' => ArrayHelper::merge($fontData, [   
    'my' => ['R' => 'my.ttf',],
]),

配置之后在我们需要生成的 pdf 的文件中加上如下属性

style="font-family: my;"

加上之后进行测试

但是发现:

我的其他信息变成了一个个小方块

看样子这是由于我没有进行设置我的全局字体,于是我又进行了全局字体配置

如下:

// 配置字体文件目录
 'fontDir' => array_merge($fontDirs, [Yii::getAlias('@common/pdf/fonts'),
]),
'fontdata' => ArrayHelper::merge($fontData, [
    // 配置全局字体
    'sun-exta' => [
        'R' => 'msyh.ttf',
        'sip-ext' => 'sun-extb',
    ],
    // 配置指定信息的字体
    'my' => ['R' => 'my.ttf',],
]),

配置完成之后发现没有作用,于是在需要生成的 pdf 文件中引入全局字体样式

body {font-family: sun-exta;}

引入之后发现成功

使用 kartik-v/yii2-mpdf 完整配置

$pdf = new Pdf([
    'mode' => Pdf::MODE_UTF8,
    'cssFile' => '@common/pdf/assets/score-mpdf.css',//css 文件地址
    //mpdf 配置
    'options' => [
        'debug' => true,
        'autoScriptToLang' => true,
        'autoLangToFont' => true,
        'ignore_invalid_utf8' => true,
        'baseScript' => \Mpdf\Ucdn::SCRIPT_HAN,
        'tabSpaces' => 4,
        'fontDir' => array_merge($fontDirs, [Yii::getAlias('@common/pdf/fonts'),// 字体文件目录
        ]),
        'fontdata' => ArrayHelper::merge($fontData, [
            'sun-exta' => [
                'R' => 'msyh.ttf',
                'sip-ext' => 'sun-extb',
            ],
            'my' => ['R' => 'my.ttf',],
        ]),
    ]
]);
$content = $this->renderPartial('@common/pdf/score.php', ['user' => $model,// 传递的信息]);
$fileName = '测试 pdf.pdf';
return $pdf->output($content, $fileName, Pdf::DEST_DOWNLOAD);

根据如上就可以实现给 pdf 中指定的信息配置字体样式

退出移动版