0

0

在Laravel中利用DomPDF实现图片到PDF的转换教程

心靈之曲

心靈之曲

发布时间:2025-11-20 14:13:13

|

776人浏览过

|

来源于php中文网

原创

在laravel中利用dompdf实现图片到pdf的转换教程

本教程详细介绍了如何在Laravel项目中将动态生成的图片转换为PDF文档。文章将指导您安装Barryvdh/Laravel-DomPDF包,并演示如何将图片(包括动态生成的图片)嵌入到Blade视图中,最终通过控制器逻辑生成并下载PDF文件。通过本教程,您将掌握在Laravel应用中实现图片到PDF转换的专业方法。

在现代Web应用开发中,尤其是在Laravel框架下,经常会遇到需要将图片内容(无论是静态图片还是动态生成图片)集成到PDF文档中的需求,例如生成证书、报告或发票等。本文将详细指导您如何利用流行的barryvdh/laravel-dompdf包,高效地实现这一功能。

1. 准备工作:安装Laravel DomPDF

首先,确保您的Laravel项目已经搭建完成。接着,我们需要通过Composer安装barryvdh/laravel-dompdf包。这是一个基于DomPDF库的Laravel封装,提供了简洁的API来生成PDF。

打开您的终端或命令行工具,进入Laravel项目根目录,并执行以下命令:

composer require barryvdh/laravel-dompdf

安装完成后,在较新版本的Laravel中,服务提供者和服务别名通常会自动注册。如果您的Laravel版本较旧(例如Laravel 5.4及更早版本),或者自动注册未能生效,您可能需要手动在config/app.php文件中添加服务提供者和门面别名:

// config/app.php

'providers' => [
    // ... 其他服务提供者
    Barryvdh\DomPDF\ServiceProvider::class,
],

'aliases' => [
    // ... 其他别名
    'PDF' => Barryvdh\DomPDF\Facade::class,
],

2. 处理图片:将动态图片转换为PDF可用的格式

在您的问题中提到,图片是使用imagettftext()等GD库函数动态生成的。为了将这种动态生成的图片嵌入到PDF中,我们不能直接返回imagejpeg()的输出,因为DomPDF需要一个可解析的HTML结构。最佳实践是将图片数据转换为Base64编码,然后嵌入到HTML的在Laravel中利用DomPDF实现图片到PDF的转换教程标签中。

以下是如何将GD库生成的图片资源转换为Base64编码的示例:

// 假设您已经通过GD库生成了 $image 资源
// 例如:
// $image = imagecreatetruecolor(600, 400);
// $color = imagecolorallocate($image, 255, 0, 0);
// $font = storage_path('fonts/arial.ttf'); // 替换为您的字体路径
// imagettftext($image, 20, 0, 50, 50, $color, $font, 'Hello, World!');

// 捕获图片输出到缓冲区
ob_start();
imagejpeg($image); // 或者 imagepng($image) 根据您的图片类型选择
$imageData = ob_get_clean();

// 销毁图片资源以释放内存
imagedestroy($image);

// 将图片数据编码为Base64字符串
// 注意:'data:image/jpeg;base64,' 前缀是必须的
$base64Image = 'data:image/jpeg;base64,' . base64_encode($imageData);

// 现在 $base64Image 就可以传递给Blade视图了

如果您处理的是已经存储在服务器上的图片文件,则可以直接通过文件路径读取并编码,或者更简单地,直接在Blade视图中使用图片的URL。

3. 创建PDF内容的Blade视图

DomPDF通过渲染HTML内容来生成PDF。这意味着您需要创建一个Blade视图文件,其中包含您希望在PDF中显示的所有内容,包括图片。

在resources/views目录下创建一个新的Blade文件,例如myPDF.blade.php:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>{{ $title ?? 'PDF Document' }}</title>
    <style>
        body {
            font-family: 'DejaVu Sans', sans-serif; /* 推荐使用支持中文的字体 */
            margin: 20px;
        }
        .container {
            text-align: center;
        }
        img {
            max-width: 100%;
            height: auto;
            margin-top: 20px;
            border: 1px solid #ccc;
            padding: 5px;
        }
        h1 {
            color: #333;
        }
        p {
            color: #666;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>{{ $title ?? 'Generated PDF' }}</h1>
        @if (isset($image))
            <p>以下是您生成的图片:</p><div class="aritcle_card flexRow">
                                                        <div class="artcardd flexRow">
                                                                <a class="aritcle_card_img" href="/ai/1155" title="Figma"><img
                                                                                src="https://img.php.cn/upload/ai_manual/000/000/000/175680114120401.png" alt="Figma"  onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
                                                                <div class="aritcle_card_info flexColumn">
                                                                        <a href="/ai/1155" title="Figma">Figma</a>
                                                                        <p>Figma 是一款基于云端的 UI 设计工具,可以在线进行产品原型、设计、评审、交付等工作。</p>
                                                                </div>
                                                                <a href="/ai/1155" title="Figma" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
                                                        </div>
                                                </div>
            @@##@@
        @else
            <p>未找到图片内容。</p>
        @endif
        <p>这是PDF文档的其他内容。</p>
    </div>
</body>
</html>

注意事项:

  • 字体支持: DomPDF默认可能对中文字体支持不佳。为了正确显示中文,您可能需要在CSS中指定一个支持中文的字体,例如DejaVu Sans(DomPDF通常内置),或者通过配置DomPDF来加载自定义字体。
  • 图片路径/Base64: Generated Image标签的src属性可以直接接受Base64编码的图片数据。

4. 实现PDF生成逻辑

现在,我们将在控制器中编写逻辑来生成PDF。

创建一个控制器方法,例如在app/Http/Controllers/PdfController.php中:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use PDF; // 引入DomPDF门面

class PdfController extends Controller
{
    /**
     * 生成并下载包含图片的PDF文件。
     *
     * @return \Illuminate\Http\Response
     */
    public function generateImagePdf()
    {
        // 1. 模拟动态生成图片并转换为Base64
        // 实际应用中,这里的 $image 应该来自您的GD库生成逻辑
        $width = 600;
        $height = 400;
        $image = imagecreatetruecolor($width, $height);

        // 设置背景色为白色
        $white = imagecolorallocate($image, 255, 255, 255);
        imagefill($image, 0, 0, $white);

        // 设置文本颜色为黑色
        $black = imagecolorallocate($image, 0, 0, 0);

        // 加载字体文件 (请确保此路径正确,或者使用系统字体)
        // 示例:在 storage/fonts 目录下放置一个字体文件,例如 arial.ttf
        $fontPath = storage_path('fonts/arial.ttf');
        if (!file_exists($fontPath)) {
            // 如果字体文件不存在,使用一个默认的或提示错误
            // 对于DomPDF,'DejaVuSans' 通常是内置的
            $fontPath = public_path('fonts/arial.ttf'); // 尝试 public 目录
            if (!file_exists($fontPath)) {
                 // Fallback to a generic font name that DomPDF might recognize
                $fontPath = 'DejaVuSans'; // DomPDF内置字体
            }
        }

        $fontSize = 24;
        $text = '这是动态生成的图片文本';

        // 计算文本位置使其居中
        $bbox = imagettfbbox($fontSize, 0, $fontPath, $text);
        $x = $width / 2 - ($bbox[2] - $bbox[0]) / 2;
        $y = $height / 2 - ($bbox[7] - $bbox[1]) / 2;

        imagettftext($image, $fontSize, 0, $x, $y, $black, $fontPath, $text);

        // 捕获图片输出到缓冲区并转换为Base64
        ob_start();
        imagejpeg($image);
        $imageData = ob_get_clean();
        imagedestroy($image); // 销毁图片资源

        $base64Image = 'data:image/jpeg;base64,' . base64_encode($imageData);

        // 2. 准备数据传递给Blade视图
        $data = [
            'title' => '我的动态图片PDF',
            'image' => $base64Image, // 将Base64图片数据传递给视图
        ];

        // 3. 使用DomPDF加载Blade视图并生成PDF
        $pdf = PDF::loadView('myPDF', $data);

        // 4. 返回PDF文件作为下载响应
        return $pdf->download('my_dynamic_image.pdf');
    }
}

重要提示:

  • 请确保storage_path('fonts/arial.ttf')指向一个有效的字体文件,否则imagettftext可能无法正常工作。对于DomPDF,为了更好的中文支持,建议在myPDF.blade.php的CSS中指定font-family: 'DejaVu Sans', sans-serif;,并确保DomPDF的配置支持该字体。
  • 如果您想将PDF直接显示在浏览器中而不是下载,可以使用return $pdf->stream('my_dynamic_image.pdf');。

5. 配置路由

最后,您需要为这个控制器方法定义一个路由,以便通过URL访问它。

在routes/web.php文件中添加以下路由:

<?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\PdfController; // 引入控制器

Route::get('/generate-image-pdf', [PdfController::class, 'generateImagePdf'])->name('generate.image.pdf');

现在,访问http://your-app-url/generate-image-pdf,浏览器将开始下载一个名为my_dynamic_image.pdf的文件,其中包含了您动态生成的图片。

总结与注意事项

  • 图片处理: 对于动态生成的图片,将其转换为Base64编码是嵌入到DomPDF的最佳方式,因为它避免了文件I/O和复杂的路径问题。
  • 内存管理: 在使用GD库生成图片后,务必使用imagedestroy()函数释放图片资源,以防止内存泄漏。
  • 字体问题: 中文字体在DomPDF中是一个常见问题。确保在CSS中指定支持中文的字体,并且DomPDF的配置能够找到并使用这些字体。您可以通过发布DomPDF的配置文件php artisan vendor:publish --provider="Barryvdh\DomPDF\ServiceProvider"来进一步配置字体和行为。
  • 错误处理: 在实际生产环境中,考虑添加错误处理机制,例如检查字体文件是否存在、图片生成是否成功等。
  • CSS样式: 您可以在Blade视图中使用完整的CSS来美化PDF的外观。DomPDF支持大部分CSS3特性,但并非所有。

通过遵循本教程的步骤,您将能够成功地在Laravel应用中实现将动态生成的图片转换为高质量的PDF文档。

在Laravel中利用DomPDF实现图片到PDF的转换教程

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
laravel组件介绍
laravel组件介绍

laravel 提供了丰富的组件,包括身份验证、模板引擎、缓存、命令行工具、数据库交互、对象关系映射器、事件处理、文件操作、电子邮件发送、队列管理和数据验证。想了解更多laravel的相关内容,可以阅读本专题下面的文章。

339

2024.04.09

laravel中间件介绍
laravel中间件介绍

laravel 中间件分为五种类型:全局、路由、组、终止和自定。想了解更多laravel中间件的相关内容,可以阅读本专题下面的文章。

290

2024.04.09

laravel使用的设计模式有哪些
laravel使用的设计模式有哪些

laravel使用的设计模式有:1、单例模式;2、工厂方法模式;3、建造者模式;4、适配器模式;5、装饰器模式;6、策略模式;7、观察者模式。想了解更多laravel的相关内容,可以阅读本专题下面的文章。

708

2024.04.09

thinkphp和laravel哪个简单
thinkphp和laravel哪个简单

对于初学者来说,laravel 的入门门槛较低,更易上手,原因包括:1. 更简单的安装和配置;2. 丰富的文档和社区支持;3. 简洁易懂的语法和 api;4. 平缓的学习曲线。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

384

2024.04.10

laravel入门教程
laravel入门教程

本专题整合了laravel入门教程,想了解更多详细内容,请阅读专题下面的文章。

135

2025.08.05

laravel实战教程
laravel实战教程

本专题整合了laravel实战教程,阅读专题下面的文章了解更多详细内容。

82

2025.08.05

laravel面试题
laravel面试题

本专题整合了laravel面试题相关内容,阅读专题下面的文章了解更多详细内容。

75

2025.08.05

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

17

2026.03.04

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

4

2026.03.04

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.9万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.5万人学习

CSS教程
CSS教程

共754课时 | 39.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号