个人中心
gpt4 book ai didi

java - 生成的 PDF 中缺少图像

转载 作者：行者123 更新时间：2023-12-02 00:06:22 25 4
gpt4 key购买 nike

我正在尝试借助 iText 库将 HTML 页面转换为 PDF。我没有太多经验，无法将图像添加到 PDF 中。

首先，我阅读了一个 HTML 模板(我将其用作基础)。图像放置在<img>标签如下<img src="http://clipartmag.com/image/iron-man-face-drawing-6.png" class="avatar-image"> 。我检索到 Document该模板中的类。我将想要的内容添加到 Document实例。完成后，我检索 html 并使用它生成 PDF。

String resumeFilePath = String.format(RESUME_FILE_PATH, userProfileBean.getFirstname(), userProfileBean.getLastname());
            Document resumeAsHtml = createHtmlDocument(userProfileBean);
            HtmlConverter.convertToPdf(resumeAsHtml.html(), new FileOutputStream(resumeFilePath));
            File newResume = new File(resumeFilePath);

在测试阶段，我什至单独创建了 HTML 页面来查看一切是否就绪 - resumeAsHtml.html() 。该网页的页面中有图像。但是当我打电话时

HtmlConverter.convertToPdf(
    resumeAsHtml.html(), new FileOutputStream(resumeFilePath));

创建的 PDF 缺少图像。我还在日志中收到 3 个错误:

2019-09-29 10:06:22,678 ERROR c.i.s.c.p.s.CssParserStateController:495 - The rule @keyframes is unsupported. All selectors in this rule will be ignored.
2019-09-29 10:06:22,944 ERROR c.i.s.r.r.ResourceResolver:146 - Unable to retrieve image with given base URI (file:/Users/jklancic/dev/custom/resume/) and image source path (http://clipartmag.com/image/iron-man-face-drawing-6.png)
2019-09-29 10:06:22,947 ERROR c.i.h.a.i.DefaultHtmlProcessor:356 - Worker of type com.itextpdf.html2pdf.attach.impl.tags.DivTagWorker unable to process com.itextpdf.html2pdf.attach.impl.tags.ImgTagWorker

知道可能出了什么问题吗？这是已包含图像的模板:

<!DOCTYPE html>
<html>
<head>
<style>

#resume-header {
    margin-bottom: 25px;
}

#resume-body {
}

#clear {
    clear: both;
}

.header-left {
    width: 29%;
    height: 160px;
    float: left;
}

.header-right {
    padding-top: 10px;
    width: 70%;
    height: 160px;
    float: right;
}

.header-right h1,h2,h3 {
    text-align: left;
    font-family: verdana;
}

.header-right h1 {
    color: #4065a3;
    font-size: 34px;
    margin: 5px 0px 15px 0px;
}

.header-right h2 {
    font-size: 22px;
    margin: 5px 0px 5px 0px;
}

.header-right h3 {
    font-size: 10px
}

.avatar-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 160px;
}

.info {
    margin: 0px 20px 0px 0px;
    font-family: verdana;
    font-size: 10px
}

span.section-header {
    color: #507fcc;
    font-family: verdana;
    font-size: 16px;
    margin: 0px 0px 0px 10px;
}

p.section-title {
    color: #000000;
    font-family: verdana;
    font-size: 12px;
}

p.section-subtitle {
    color: #9aa3b3;
    font-family: verdana;
    font-size: 12px;
    margin-left: 10px;
}

p.text {
    color: #000000;
    font-family: verdana;
    font-size: 10px;
}

ul.list {
    color: #000000;
    font-family: verdana;
    font-size: 10px;
    padding-left: 25px
}

div.web-profile {
    margin-top: 10px;
}

div.section-content {
    margin-bottom: 20px;
}

div.bottom-border {
    border-bottom: 1px solid #507fcc;
}

.primary {
    color: #507fcc;
}

.small-top-margin {
    margin: 2px 0px 0px 0px;
}

.small-bottom-margin {
    margin: 15px 0px 2px 0px;
}

</style>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css">

</head>
<body>

<div id="resume-header">
    <div class="header-left">
        <img src="http://clipartmag.com/image/iron-man-face-drawing-6.png" class="avatar-image">
    </div>
    <div class="header-right" id="basic-info">
    </div>
    <div id="clear"></div>
</div>
<div id="resume-body">
    <div class="bottom-border" id="education-section">
        <i class="fas fa-graduation-cap primary"></i><span class="section-header">Education</span>
    </div>

    <div class="bottom-border" id="job-section">
        <i class="fas fa-briefcase primary"></i><span class="section-header">Work</span>
    </div>

    <div class="bottom-border" id="skill-section">
        <i class="fas fa-pencil-ruler primary"></i><span class="section-header">Skills</span>
    </div>

</div>

</body>
</html>

最佳答案

iText 存在大量错误。不要评论你正在使用的版本，但是资源加载器有几个问题必须通过重载来纠正(它不知道如何从base64加载图像，它不知道如何使用302重定向加载资源) ，...)。

在您的具体情况下，指示的错误是:

Unable to retrieve image with given base URI (file:/Users/jklancic/dev/custom/resume/) and image source path (http://clipartmag.com/image/iron-man-face-drawing-6.png)

这表明 iText 正在尝试访问地址“file:/Users/jklancic/dev/custom/resume/http://clipartmag.com/image/iron-man-face-drawing-6.png”。在 c.i.s.r.r.ResourceResolver:146 处调试以确认。

如果您能够升级到新版本，请尝试这样做，否则您应该重载资源加载器来修复它。

记住，您应该首先确定确切的问题(目前就像一个糟糕的基本+路径组合问题)，无论如何，我修复了很多实现自定义ITextUserAgent的相关问题> 如下:

final ITextRenderer renderer = new ITextRenderer();
{
    final TextUserAgent userAgent = new TextUserAgent(renderer.getOutputDevice());
    renderer.getSharedContext().setUserAgentCallback(userAgent);
    userAgent.setSharedContext(renderer.getSharedContext());
}

您必须实现自定义 TextUserAgent 来解决您的特定问题(iText 现在不是免费的):

public class TextUserAgent extends ITextUserAgent {

    public TextUserAgent(ITextOutputDevice outputDevice) {
        super(outputDevice);
    }

    @Override
    public ImageResource getImageResource(final String uri) {
        final ImageResource legacy = super.getImageResource(uri);
        if (legacy != null && legacy.getImage() != null) {
            return legacy;
        }
        return alternativeImageResource(uri);
    }
...

关于java - 生成的 PDF 中缺少图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58153565/

25 4 0
文章推荐： docker 将数据容器提交到私有(private)注册表
文章推荐： r - R 中的 diff() 函数有什么作用？
文章推荐： Delphi XE 断开或终止 datasnap 客户端 session
文章推荐： vb.net - 为什么 LINQ 中的 Union 函数不删除重复条目？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com