如何在Power Apps中下载含自定义文本的PNG格式图片？

一、让文本输入内容显示在图片上 #

Power Apps的图片控件无法直接嵌入文本，通过控件叠加实现视觉上的文本在图片内效果：

• 在图片控件上方添加一个标签控件（比文本输入框更适合静态显示），将标签的Text属性设置为文本输入框的内容：TextInput1.Text
• 调整标签的字体、颜色、大小等样式，拖动到图片上的目标位置，右键选择「置于顶层」确保文本显示在图片上方
• 此时用户在文本输入框输入内容时，标签会实时同步显示，视觉上就像文本嵌入图片中

二、实现带文本的图片PNG下载功能 #

Power Apps本身无法直接导出控件组合为图片，需配合Power Automate完成：

1. 创建Power Automate流
   • 选择「Power Apps」作为触发源
   • 添加「HTML到PDF」动作，编写HTML代码组合图片和文本（示例如下，需替换括号内的参数）：

     <div style="position: relative; width: 800px; height: 600px;">
       <img src="你的图片公网URL" style="width: 100%; height: 100%; object-fit: cover;" />
       <div style="position: absolute; top: 50px; left: 50px; color: #fff; font-size: 28px; font-weight: bold;">@{triggerBody()['textContent']}</div>
     </div>
     

   • 添加「PDF到PNG」动作，将生成的PDF转换为PNG格式
   • 最后添加「响应」动作，返回PNG文件的下载链接或二进制内容
2. 在Power Apps中配置下载按钮
   • 将创建好的流导入Power Apps
   • 设置下载按钮的OnSelect属性：

     Set(downloadResult, 你的流名称.Run(TextInput1.Text));
     Download(downloadResult.PngDownloadLink)
     

   注：需根据流返回的参数名调整PngDownloadLink，确保和流中响应的参数一致

额外提示 #

• 若使用Power Apps本地上传的图片，需先获取其公网可访问的URL（可通过将图片存储到OneDrive/SharePoint，再获取链接）
• 可在流中添加参数，动态传入图片宽度、高度、文本位置等，让效果更灵活

内容的提问来源于stack exchange，提问作者Ganesh M