照片kb变小方法：
1首先打开微信，点击微信上方搜索图标，搜索压缩这一关键词，这时可以在搜索结果中看见应用程序，很多应用程序的压缩原理都是一样的，用户只需要任选一个程序即可。
2之后打开任意一个带有关键词字样的微信小程序，点击压缩，接着在小程序中选择你要压缩的，拖动压缩参数后，点击立刻压缩即可开始的压缩。
3压缩后的会保存在应用程序默认的保存位置，用户可以在查看中找到相应的压缩，一般10K左右的就已经足够大部分用户用户证件照上传了。
因为微信小程序的image有默认的宽高：width: 320px和height: 240px，所以只设置宽度100%是无效的，因为高度默认240px
只需要添加属性 mode="widthFix"
<image class="img" src="/images/1png" mode="widthFix">
设置宽度100%，
img{width: 100%;}
这样就可以实现宽度100%高度自适应，不会拉伸
1 可以通过修改CSS样式实现。
2 首先需要将容器元素设置为 display:flex; 然后设置元素的宽度为固定值或百分比，并设置 margin-right:20px; 使其与下一个之间留有一定的空隙。
3 可以根据具体需求修改容器元素和元素的CSS样式，以达到想要的效果。
微信小程序有一个标签<text>
它相当于平常开发中用到的<span>标签，是一个行内元素
不过在小程序中<text>标签不能换行写
这样写‘哈哈哈’上下会有一个间距空白，输出的结果不在同一行。
这样两个行内元素才能在同一行。
实现功能参考： 微信小程序自定义组件实现单指拖动、双指缩放效果 有修改。
给加拖动事件，我们需要知道它什么时候被点击、被拖拽和拖拽结束。
通过修改imageView的margin-left和margin-top来改变的位置以实现的单指移动效果和所有操作结束松手后的回弹效果。
通过修改imageView的宽和高以实现放大缩小的效果。且需要同时修改其margin-left和margin-top使能以两手指的中间点为原点缩放。
Talk is cheap, show you the code
接下来是交互事件
