图片(aip-image)
使用 aip-image
来替换 HTML 中的 img
标签,提供更加严格的规范和更加友好的用户体验。
使用 aip-image
标签时,需要提供图片确定的 width
和 height
属性,这样在浏览器布局的时候,可以快速的确定宽高比,从而不让页面产生二次布局。
示例
<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 框架用于在不抓取图片的情况下确定图片宽高比。 |