使用XSLT FOP渲染PDF时插入并调整重叠图像的方法

你的现有思路是可行的，通过以下XSL-FO属性就能实现需求：

1. 背景图居中显示 #

在fo:block-container上添加background-position属性，设置为center center（或简写center），即可让背景图在容器内水平、垂直双居中：

<fo:block-container 
  background-image="file:///{$Logo}/Image2.png"
  background-position="center center"
>

2. 缩小背景图的尺寸 #

使用background-size属性控制背景图大小，常见用法有三种：

• 固定尺寸：直接设置缩小后的宽高（比如适配前景图比例设为35mm 12mm）：

  background-size="35mm 12mm"
  

• 比例缩放：按原尺寸的百分比缩小（比如缩到原大小的80%）：

  background-size="80%"
  

• 自适应容器：用contain让背景图完整显示且不超出容器边界，适合需要保持原图比例的场景。

额外建议：给fo:block-container设置和前景图一致的宽高（width="45mm" height="16mm"），避免继承table-cell的不确定尺寸导致背景图定位/缩放偏差：

<fo:block-container 
  background-image="file:///{$Logo}/Image2.png"
  background-position="center center"
  background-size="35mm 12mm"
  width="45mm"
  height="16mm"
>

现有方法的合理性与替代方案 #

现有方法是否正确？ #

用block-container的背景图实现重叠是合理的，适合背景图仅作装饰、无需复杂单独控制的场景，代码简洁易维护。

更灵活的替代方案：绝对定位重叠 #

如果需要更精准控制两张图的位置（比如背景图偏移、层级调整），可以用绝对定位实现：

<fo:block-container width="45mm" height="16mm" position="relative">
  <!-- 背景图：绝对定位铺满容器，居中显示并缩小 -->
  <fo:block position="absolute" top="0" left="0" width="100%" height="100%" display-align="center" text-align="center">
    <fo:external-graphic 
      src="file:///{$Logo}/Image2.png"
      content-height="12mm" 
      content-width="35mm"
      scaling="non-uniform"
    />
  </fo:block>
  <!-- 前景图：正常流显示在顶层 -->
  <fo:block>
    <fo:external-graphic 
      src="file:///{$Logo}/Image1.png"
      content-height="16mm" 
      content-width="45mm"
      scaling="non-uniform"
    />
  </fo:block>
</fo:block-container>

父容器设position="relative"，让子元素的绝对定位基于它；背景图通过display-align和text-align实现居中，同时可以单独调整它的偏移、缩放等属性，灵活性更高。

内容的提问来源于stack exchange，提问作者Rito Sarkar