For AI agents: the complete documentation index is available at https://a3s-lab.github.io/UI/v0.4.0/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/UI/v0.4.0/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/UI/v0.4.0/components/image.md.
A3S UI
  • 简体中文
  • v0.4.0

      • 图像

      将图像、替代文字、说明和加载状态组合成稳定的阅读单元，避免内容载入造成布局跳动。

      实时预览
      A3S OS 官方标志
      使用稳定纵横比呈现官方身份资产。

      用法

      <figure class="image" data-state="ready" data-aspect="square">
  <img src="/logo.png" alt="Official A3S OS mark" width="480" height="480" /><figcaption>Official identity asset rendered with a stable aspect ratio.</figcaption>
</figure>

      契约

      接口值
      根选择器figure.image
      原生根元素<figure>
      状态loading, ready, error
      事件—
      方法—

      产品边界

      组件不做远程代理、内容审核或图片编辑。缩放查看属于 Image Viewer，选择任务属于 Image Select。

      组件只发布可复用的交互边界。数据获取、持久化、权限、可信内容与业务实体继续由宿主产品拥有。

      可访问性

      信息图像需要准确 alt，装饰图像使用空 alt。尺寸或宽高比应预先声明，错误状态提供文字说明和恢复路径。