Itext 如何使用飞碟显示占据页面顶部的图像？_Itext_Flying Saucer_Margin

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

itext

Itext 如何使用飞碟显示占据页面顶部的图像？,itext,flying-saucer,margin,Itext,Flying Saucer,Margin,我正在尝试使用飞碟和itext 5创建一个pdf，其中包含文本和一些占据整个页面上半部分（包括页边距）的图像。对宽度和高度使用css属性，并使图像浮动，我可以使图像显示在页面顶部，但它仍然（当然）在页面的边距内。当我试图用，比如 margin-top: -1in; 图像不会移动到当前页的边距中，而是移动到上一页如何使图像移动到页边距中？如果您的图像是在HTML页面的正文中定义的，我不知道如何将其移动到页边距中但是，您可以将图像定义为页面的背景这将类似于： @page { size

我正在尝试使用飞碟和itext 5创建一个pdf，其中包含文本和一些占据整个页面上半部分（包括页边距）的图像。对宽度和高度使用css属性，并使图像浮动，我可以使图像显示在页面顶部，但它仍然（当然）在页面的边距内。当我试图用，比如

margin-top: -1in;

图像不会移动到当前页的边距中，而是移动到上一页

如何使图像移动到页边距中？

如果您的图像是在HTML页面的

正文中定义的，我不知道如何将其移动到页边距中
但是，您可以将图像定义为页面的背景
这将类似于：
@page {
    size: A4;
    margin: 20mm; 
    background-image:url('http://xxx/your-image.png');
    background-repeat:no-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>


@页面{
尺寸：A4；
边距：25毫米；
}
/*仅在第一页上显示标题*/
@页码：第一页{
@顶部中间{内容：元素（标题）；}
}    
#标题{
位置：运行（收割台）；
高度：25毫米；
左边距：-25mm；
}

页眉将从页边距开始，并在页面主体上延伸。因为它只是为第一页定义的，所以不会重复。
谢谢你提供的信息，但是这个特殊的技巧不符合我的目的，因为我只需要图像出现一次。幸运的是，自从我发布第一个答案后，我考虑了另一种选择。我已经更新了它，我希望它能解决你的问题。