图片(aip-image)

使用 aip-image 来替换 HTML 中的 img 标签,提供更加严格的规范和更加友好的用户体验。

使用 aip-image 标签时,需要提供图片确定的 widthheight 属性,这样在浏览器布局的时候,可以快速的确定宽高比,从而不让页面产生二次布局。

示例

<aip-image src="/static/hello.png" width="750" height="375"></aip-image>
1

支持的属性

属性说明
src该属性与 img 标记中的 src 属性类似。该属性的值必须是指向可公开缓存的图片文件的网址。提取 AIP 文件以指向相应图片的缓存版本时,缓存提供商可能会重写这些网址。
mode图片裁剪模式(默认 scaleToFill
可选值:scaleToFill | aspectFit | aspectFill | center
height 和 width图片的确切尺寸,供 AIP 框架用于在不抓取图片的情况下确定图片宽高比。
Last Updated: 2022/7/15 下午7:22:06