我们来了解一下小程序中,以image组件的基本使用。在小程序中,可以使用image组件来渲染一张图片。默认情况下,一个空白的image,会占据一定的宽度和高度。所以,如果我们在页面上放了一个空图片,只要通过标签选择器给他加一个边框线,就能够看到它的默认宽度和高度,同时,还可以使用src属性来指定渲染哪张具体的图片来。接下来,做一下演示,打开自己的微信小程序项目,可以放一个空白的图片来。
双击打开这张图片的,一个宽高比对但是为什么见到页面上它就变形了,这是由于image图片里面的mode属性所导致的。接下来去了解一下image的mode属性。在image中可以通过mode属性来指定图片的裁剪和缩放模式。默认情况下,页面上每一张图片都有一个默认的mode值,就是scale to fill,通过这个默认值就能够让这个图片被拉伸,从而填满整个image元素,这样做是有一定的好处的,就是这个图片不会有一些空白的间隙,但是它的缺点也很明显,就是这个图片会失真。可以试一下,mode他其他的一些科学属性,可以选择aspect fade。
关于这个image图片组件的使用,就为大家分享到这里。