将SVG嵌入到嵌入字体

时间:2017-03-22 01:46:56

标签: pdf svg fonts pdf-generation tcpdf

我想将SVG图像嵌入到PDF中,并使用正确的字体渲染SVG text元素中指定的字体系列。

我使用的字体是'Lato' TTF fonts

以下是我用来将字体转换为TCPDF的“原生格式”的代码:

$variants = [
    'Black',
    'BlackItalic',
    'Bold',
    'BoldItalic',
    'Hairline',
    'HairlineItalic',
    'Heavy',
    'HeavyItalic',
    'Italic',
    'Light',
    'LightItalic',
    'Medium',
    'MediumItalic',
    'Regular',
    'Semibold',
    'SemiboldItalic',
    'Thin',
    'ThinItalic',
];

foreach ($variants as $variant) {
    \TCPDF_FONTS::addTTFfont(
        '/var/www/fonts/Lato-' . $variant . '.ttf',
        '',
        '',
        32,
        '/var/www/fonts/output/'
    );
}

以下是我用于生成带嵌入式SVG的测试PDF的代码:

$svg_content = '<svg width="600px" height="800px">';
foreach ($variants as $key => $variant) {
    $svg_content .= '<text x="30" y="' . ( 30 * ( $key + 1 ) ) . '" fill="#ED6E46" font-size="20" font-family="\'Lato-' . $variant . '\'" text-anchor="start">The quick brown fox jumped over the lazy dog (' . $variant . ').</text>';
}
$svg_content .= '</svg>';

$pdf = new TCPDF();

$pdf->SetPrintHeader(false);
$pdf->SetPrintFooter(false);
$pdf->setImageScale(PDF_IMAGE_SCALE_RATIO);
$pdf->SetMargins(0, 0, -1, true);
$pdf->SetAutoPageBreak(false, 0);

$pdf->AddPage();

$pdf->AddFont('Lato-Black', '', '/var/www/fonts/output/latoblack.php');

$pdf->ImageSVG('@' . $svg_content, 0, 0, 300, 300, '', $align='', $palign='C', $border=0, false);

$pdf->Output(
    preg_replace('/[^A-Za-z0-9]/', '', $influencer->getName()) . '.pdf',
    'I'
);

我得到的结果是所有文本都呈现在我所假设的Helvetica中:

Lato fonts not applied!

如果我在调用ImageSVG()之前添加一行,就像这样:

$pdf->SetFont('Lato-Black', '', null, '/var/www/fonts/output/latoblack.php');

然后所有文本都以Lato-Black呈现:

All text rendered in Lato-Black

在我看来,字体嵌入在PDF中很好,但SetFont显然为后续的PDF文本元素设置了当前字体,并使用SVG图像中的text元素进行渲染这个字体。

我希望的行为是,SVG font-family元素上定义的text属性在PDF中得到尊重,因此每行使用行尾的括号中提到的字体变体进行渲染

我该怎么做?

1 个答案:

答案 0 :(得分:2)

您可以从以下代码开始,然后合并您的更改。

要明确我并没有特别提倡这样做,只是这是一种有效的方式,所以应该作为一个起点。

字体转换器:     

$variants = [
    'Black',
    'BlackItalic',
    'Bold',
    'BoldItalic',
    'Hairline',
    'HairlineItalic',
    'Heavy',
    'HeavyItalic',
    'Italic',
    'Light',
    'LightItalic',
    'Medium',
    'MediumItalic',
    'Regular',
    'Semibold',
    'SemiboldItalic',
    'Thin',
    'ThinItalic',
];

foreach ($variants as $variant) {
    \TCPDF_FONTS::addTTFfont(dirname(__FILE__) . '/fonts/Lato-' . $variant . '.ttf', 'TrueTypeUnicode', '', 96);
}

echo 'Done!';

这会将.php.z.ctg.z个文件放在/tecnickcom/tcpdf/fonts中。

PDF生成器:

请注意font-family数组中的不同$variants名称:     

$variants = [
    'lato',
    'latob',
    'latobi',
    'latoblack',
    'latoblacki',
    'latohairline',
    'latohairlinei',
    'latoheavy',
    'latoheavyi',
    'latoi',
    'latolight',
    'latolighti',
    'latomedium',
    'latomediumi',
    'latosemib',
    'latosemibi',
    'latothin',
    'latothini'
];

$svg_content = '<svg width="600px" height="800px">';

foreach ($variants as $key => $variant) {
    $svg_content .= '<text x="30" y="' . ( 30 * ( $key + 1 ) ) . '" fill="#ED6E46" font-size="20" font-family="\'' . $variant . '\'" text-anchor="start">The quick brown fox jumped over the lazy dog (' . $variant . ').</text>';
}

$svg_content .= '</svg>';

ob_start();

$pdf = new TCPDF();

$pdf->SetPrintHeader(false);
$pdf->SetPrintFooter(false);
$pdf->setImageScale(PDF_IMAGE_SCALE_RATIO);
$pdf->SetMargins(0, 0, -1, true);
$pdf->SetAutoPageBreak(false, 0);

$pdf->AddPage();
//$pdf->AddFont('latoblack', '', dirname(__FILE__) . '/fonts/output/latoblack.php');

$pdf->ImageSVG('@' . $svg_content, 0, 0, 300, 300, '', $align='', $palign='C', $border=0, false);

$pdf->Output('example_001.pdf', 'I');

<强>输出: enter image description here