小程序进入页面图片渲染会拉伸闪下变形优化.md

有些从接口传递过来的图片，本身图片大小不是固定一个比例，全部渲染显示在页面上，会有唰得拉伸从大到小快速闪下变形的bug，很影响用户体验。

image的mode图片剪裁缩放模式用 mode='widthFix' (宽度不变，高度自动变化，保持原图宽高比不变)，记得要在css里也加上height:auto，可以消除渲染拉伸变形一闪而过的bug。

image 的mode有13种模式，4种是缩放模式，9种是剪裁模式。

重启HBuilderX试试。

HBuilder 是DCloud（数字天堂）推出一款支持HTML5的Web开发IDE。

有以下特点：

1.轻巧 仅10余M的绿色发行包(不含插件)。

2.极速，不管是启动速度、大文档打开速度、编码提示，都极速响应C++的架构性能远超Java或Electron架构

vue开发强化 HX对vue做了大量优化投入，开发体验远超其他开发工具。

3.小程序支持国外开发工具没有对中国的小程序开发优化，HX可新建uni-app或小程序、快应用等项目，为国人提供更高效工具。

4.markdown利器HX是唯一一个新建文件默认类型是markdown的编辑器，也是对md支持最强的编辑器。

先去小程序截图一套,然后去公开卡组复制.

md是Mini Disc（迷你磁光盘）简称，它是由日本索尼公司(Sony)于1992年正式批量生产的一种音乐存储介质，现在一般笼统地称便携式MD机为MD。MD机所采用的音频法有ATRAC/ATRAC 3 (与CD－DA的压缩比分别是1:5和1:10）两种格式。

---