lt;imagegt;组件mode=“widthFix”属性图片显示闪烁的bug

微信公开课小程序热门讨论关于「lt;imagegt;组件mode=“widthFix”属性图片显示闪烁的bug」的小程序开发问题
补充:组件mode=“widthFix”属性图片显示闪烁的bug
展开:当前Bug的表现当image的mode=widthFix，同时只给image一个宽度，image显示的时候就会有一个迅速缩小的过程（如果原图片高度大于根据宽度widthFix之后的高度），而且原图高度远大于widthFix之后的高度时，image的这种缩小就越明显，视觉上的表现为闪烁这种情况下的用户体验极差下图是不加mode=widthFix时，且只设定宽度的image的表现下图是加上mode=widthFix的表现：事实上，当加上mode=widthFix而且只给image设定宽度不设定高度，之后图片是有一个明显的缩小的过程的（高度缩小为widthFix根据设定的宽度和原图比例而生成的高度）预期表现预期表现是没有这个缩小的过程，给image设定mode=widthFix之后，在编译过程中，编译工具根据设定的图片宽度，以及原图的横纵比自动生成一个高度并赋予给image（fixedHeight=width*(srcHeightsrcWidth)）这样，在编译过程中就已经生成了高度，而不是在image展现的时候才进行计算，出现一个拉伸缩小的过程，这样不仅可以避免闪烁，而且还可以减少客户端压力暂时性解决方案，还是要给image标签设定一个差不多的高度，让它自己去调整，不过这样依然会有视觉上的细微变化，不够完美复现路径复线路径上方已说明提供一个最简复现Demodemo同上即速小程序：也是遇到类似这种情况，发现也给图片设置一个大概的maxheight，会比用js性能好些图片的高度还是最好是设置一下，如果是动态的图片那就另说了，还是可以尝试下设置maxheight，虽然有局限性：对于需要变化图片src的一般都不会用mode=widthFix，体验确实不好
更多有关「lt;imagegt;组件mode=“widthFix”属性图片显示闪烁的bug」的讨论可以前往微信公开课小程序参与互动哦！