You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter中如何将含重叠图片与文字的界面保存为JPG格式

可书写文字的灰色图片界面

灰色界面是一张图片,用户可在其上书写任意文字。我希望将最终界面上重叠的图片与文字转换为JPG格式,但不知如何实现。

解决方法

直接把叠加了文字的界面内容合成为JPG即可,给你三种实用方案:

  • 快速截图导出:用系统自带截图工具截取包含图片和文字的区域,保存时选择JPG格式就行。比如Windows按Win+Shift+S选区域截图,打开预览后点“另存为”选JPG;Mac按Command+Shift+4截区域,打开截图后选“文件-导出”,格式选JPG。
  • 图像软件合成:把原始灰色图导入Photoshop、美图秀秀这类工具,添加文字后直接导出为JPG,导出时可以调整画质参数。
  • 代码自动化(适合开发场景):用Python的Pillow库实现,示例代码:
from PIL import Image, ImageDraw, ImageFont

# 加载原始图片
img = Image.open("你的灰色图片文件路径.png")
draw = ImageDraw.Draw(img)

# 设置字体、文字内容和位置(根据实际情况调整)
font = ImageFont.truetype("字体文件路径.ttf", 36)
draw.text((30, 30), "你写的文字", font=font, fill="#000000")

# 保存为JPG
img.save("合并完成的图片.jpg", "JPEG", quality=90)

内容的提问来源于stack exchange,提问作者Jiss

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.02 19:32:07