小程序图片自适应缩放设置

小程序图片自适应缩放设置,第1张

小程序的image组件提供了缩放的模式选择,默认的scaletofill就是设置固定的宽高模式比较少使用,更多的是需要自适应宽高的情况。

widthfix多适用于通栏,width:100%,高度不同设备销孙自适应的情况。此时会按照原图比列自动缩放高度,常用于轮播图。

aspectFill多用用在固定大小的范围内显示,区别是可以保留一边,除去通栏外一般用处较多。

个别情况下需要宏斗链图片始终居中缩放,多用在用户头像圆环之类,一般留在保留中心蔽孙内容的部分,文档中暂没,需要单独设置。

微信小程序遇到需要制作根据屏幕中心点缩放组件

问题:则衫movable-view组件的缩放是根据movable-view的中心点缩放的,导致体验差

解决方法:

 春液   1,使用两个movable-view嵌套起来使用

    2,外层进行缩放,里层进行移动;外层要比里层大(缩放的倍数)

    3,将外层的中心使用定位到屏幕的中心,是缩放只显示在中心缩放

    4,将里层的定孙森腔位到屏幕中显示

小程序中的 video 组件是原生组件, 默认宽雀饥度300px、高度225px,可通过wxss设置宽高。其中 src 属性默认支持MP4格式,但是实际上还可以支持其他格式。

属性主要有:

src :要播放视频的资源地址。

initial-time :指定视频初始州销播放位置。

danmu-list :d幕列表。

controls :是否显示默认播放控件(播放/暂停按钮、播放进度、时间)。

binderror :视频播放出错时触发。

安卓系统可以支持MP4格式的视频,苹果手机支持m3u8格式的视频。可以通过获取手机的系统,然后判断播放什么格式的视频。

参数主要顷迹返包括:

brand :手机品牌;

model :手机型号;

fontSizeSetting :用户字体大小设置。以“我-设置-通用-字体大小”中的设置为准,单位 px;

pixelRatio :设备像素比。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12518049.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存