iText7 7.1.0中如何旋转含图片与文本的矩形（内容同步旋转）

你需要的是将包含图片和文本的整体矩形按指定角度旋转，同时保证图文同步旋转并生成副本，以下是不同场景的实用实现方法：

一、设计工具快速实现（以Photoshop为例） #

• 把矩形内的图片和文本图层归为同一个图层组
• 按下Ctrl+T（Windows）/Cmd+T（Mac）启动自由变换功能
• 在顶部工具栏输入目标旋转角度，或者右键选择「旋转」手动拖动到对应角度
• 确认变换后，复制该图层组即可得到角度一致的副本

二、网页端实现（HTML+CSS） #

如果是网页中的图文容器，用CSS的transform: rotate()就能让容器内所有内容同步旋转：

<!-- 原矩形容器 -->
<div class="text-image-box">
  <img src="你的图片路径" alt="图文内容">
  <p>示例文本内容</p>
</div>

<!-- 旋转后的副本容器 -->
<div class="text-image-box rotated">
  <img src="你的图片路径" alt="图文内容">
  <p>示例文本内容</p>
</div>

<style>
.text-image-box {
  width: 300px;
  height: 200px;
  border: 1px solid #ddd;
  padding: 10px;
}
.rotated {
  transform: rotate(25deg); /* 替换为你需要的角度 */
  transform-origin: center; /* 以中心为旋转原点，可按需调整为左上/右下等 */
  margin-top: 50px; /* 避免旋转后与原容器重叠 */
}
</style>

三、Python自动化处理（适合批量生成） #

使用Pillow库可以轻松实现图文旋转并生成副本，示例代码如下：

from PIL import Image, ImageDraw, ImageFont

# 1. 如果已有现成的含图文矩形图片
original_box = Image.open("original_rect.png")
# 旋转指定角度，expand=True会自动扩展画布以容纳旋转后的内容
rotated_copy = original_box.rotate(30, expand=True)
rotated_copy.save("rotated_rect_copy.png")

# 2. 如果需要先创建含图文的矩形再旋转
# 创建空白矩形画布
canvas = Image.new("RGB", (300, 200), "white")
draw = ImageDraw.Draw(canvas)
# 添加文本
font = ImageFont.truetype("simhei.ttf", 24)  # 替换为你的字体路径
draw.text((40, 40), "测试文本", fill="#333", font=font)
# 添加图片
sub_image = Image.open("sub_pic.png")
canvas.paste(sub_image, (120, 80))
# 旋转并保存副本
rotated_canvas = canvas.rotate(45, expand=True)
rotated_canvas.save("final_rotated_rect.png")

内容的提问来源于stack exchange，提问作者ANKUSH GUPTA