如何在ANX文件中插入图片以在IBM i2/Chart Reader正常显示？

一、带图片的ANX文件核心片段示例 #

ANX本质是XML格式，以下是包含图片的关键节点示例，你可以对照自己的文件修改：

<VisualizationItem>
  <ItemType>Image</ItemType>
  <Position>
    <X>100</X>
    <Y>100</Y>
    <Width>200</Width>
    <Height>150</Height>
  </Position>
  <ImageData>
    <ImageFormat>PNG</ImageFormat>
    <ImageSource>iVBORw0KGgoAAAANSUhEUgAAASwAAACWCAYAAABkW7XSAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5gMVESkqQzkWJgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAUSURBVBgZBcHPcsAABAAAQ+zWF2AAAAAElFTkSuQmCC</ImageSource>
    <AltText>示例测试图片</AltText>
  </ImageData>
</VisualizationItem>

注：上面的ImageSource是一张测试PNG图的Base64编码，你可以替换成自己图片的编码

二、关键字段填写说明 #

• ImageFormat：必须填写图片实际格式，仅支持PNG、JPG，注意大小写一致（比如图片是JPG就不能填jpg小写）
• ImageSource：必须是图片的Base64编码字符串，不能直接填本地路径或网络URL——这是最容易踩的坑，直接填路径会导致图片加载失败，显示为透明块
• Position：确保Width和Height的值大于0，值为0的话图片会被压缩成不可见的透明区域

三、图片显示透明的排查方向 #

1. 先确认图片本身不是透明图：用普通图片查看工具打开，确认有实际内容
2. 验证Base64编码正确性：把编码复制到Base64解码工具，看能不能还原出正常图片
3. 核对ImageFormat和实际图片格式是否完全匹配
4. 检查Width和Height字段是否设置了合理的数值，避免被压缩成透明区域

内容的提问来源于stack exchange，提问作者Simone Ceccarelli