微信小程序的媒体组件实例分析

微信小程序的媒体组件实例分析
本文主要和大家介绍了微信小程序媒体组件的相关资料，包括视频，音乐，图片，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

本文主要和大家介绍了微信小程序媒体组件的相关资料，包括视频，音乐，图片，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

先来看看效果图：

　

1、图片Image

<!-- scaleToFill:不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素 widthFix:宽度不变，高度自动变化，保持原图宽高比不变 aspectFill:保持纵横比缩放图片，只保证图片的短边能完全显示出来。 也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。 aspectFit: 保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。 --> <image style=&#39;width: 100%; height:150px&#39; src=&#39;../img/models.jpg&#39; mode=&#39;scaleToFill&#39;></image> <image style=&#39;width: 200px; height:200px&#39; src=&#39;../img/models.jpg&#39; mode=&#39;widthFix&#39;></image> <image style=&#39;width: 200px; height:100px&#39; src=&#39;../img/models.jpg&#39; mode=&#39;aspectFill&#39;></image> <image style=&#39;width: 200px; height:100px&#39; src=&#39;../img/models.jpg&#39; mode=&#39;aspectFit&#39;></image>