当前位置: 首页 > 知识库问答 >
问题:

如何使用飞碟显示占据页面顶部的图像?

黄磊
2023-03-14

我正在尝试使用带有itext5的飞碟来创建一个包含文本以及一些图像的pdf,这些图像占据了页面的整个上半部分,包括边距。使用css的宽度和高度属性,并通过使图像浮动,我可以让图像显示在页面顶部,但它仍然(当然)在页面的边距内。当我试图绕过这一点时,比如说

margin-top: -1in;

图像不会移到当前页面的边距中,而是移到上一页。

如何使图像移动到页面边距?

共有1个答案

潘胤
2023-03-14

如果您的图像是在HTML页面的正文中定义的,我不知道如何将其移动到页边距中。

但是,您可以将图像定义为页面的背景。

这将是类似于:

@page {
    size: A4;
    margin: 20mm; 
    background-image:url('http://xxx/your-image.png');
    background-repeat:no-repeat
}

在这种情况下,徽标放置在页面的左上角,从页边距内开始。

请注意,即使使用“无重复”选项,图像也会在PDF文档的每一页上重复。

如果您需要仅在第一页显示图像,我建议另一种方法:为第一页定义一个特定的标题。

例如像这样:

<html>
<head>
<style>
   @page {
       size: A4;
       margin: 25mm; 
   }
   /* Display header only on first page */
   @page :first {
       @top-center {content: element(header);}
   }    
   #header {
       position: running(header);
       height:25mm;
       margin-left:-25mm;
   }
</style>
</head>
<body>
    <div id="header">
       <img src="http://xxx/your-image.png" />
    </div>
</body>
</html>

页眉将从页边距开始,在页面正文上延伸。由于它仅为第一页定义,因此不会重复。

 类似资料:
  • 我使用Spring Boot、flying Discer和thymeleaf从html模板创建了一个pdf文件。但图像没有显示在我的文件中。 项目结构: 代码html: 当我将img标签更改为: 当我创建PDF文件时,我得到一个错误: 组织。特里梅莱夫。例外情况。TemplateProcessingException:Link base“static/images/mastercard.png”不

  • 我正在使用飞碟从XHTML创建PNG图像文件。然后,我使用另一个工具将这些与一堆其他文本n图像一起收集到PDF中。 虽然我可以将PDF导出处理转换为iText,但这将是一项相当大的任务。。。。 我的问题是,当导出到PNG图像文件时,一些XHTML内容需要分页。我只需要在图像文件之间进行一个简单的“剪辑样式”分割就可以了。 下面是我用来将整个内容呈现到单个文件中的内容,效果很好。 然而,我的一些内容

  • 我正在创建一个包含希腊字符的XHTML。在下面找到一个简单的例子。 当我打印结果时,我得到了。 有什么能帮忙的吗?

  • 我正在使用PDFBox以Java生成报告。我的要求之一是创建一个PDF文档,在页面顶部包含公司徽标。我无法找到实现这一目标的方法。 我在Java类中有以下方法: 图像当前出现在PDF的底部。我知道我需要修改的行是但是我需要指定什么坐标才能出现在页面顶部?

  • 我试图从包含html代码的Java字符串生成pdf文档。我使用“Freemarker”作为模板引擎来生成html内容,然后使用“Flying Discer”将生成的html转换为pdf。我的问题是,图像不会在生成的pdf中呈现。关于我如何生成的具体细节如下: 生成的html(仅显示相关部分)为: 此代码作为部署在Tomcat上的War运行。作为tree命令(在WEB-INF中运行)的输出,图像在战

  • 我是Python新手。我想在下图中显示每个箱上方的值: 这是我的代码: 这是我想要的图表: