【解决】微信小程序 页面 图片触摸缩放 【附上代码】

https://download.csdn.net/download/qq_19741181/10292526 微信小程序 页面 图片触摸缩放代码
-------------------------------------------------------------------
首先处理:加载图片问题

参考:http://blog.csdn.net/gang544043963/article/details/52933510

加载本地图片:

代码:

问题:本地存储在哪里?

参考:http://blog.csdn.net/u010660841/article/details/53695709

step1,工程目录 增加图片文件夹——image

step2,图片copy到目录下

step3,加载代码

step4,添加wxss 样式

问题:在哪里写加载图片代码?

在wxml文件中

-------------------------------------------------------------------

【解决】微信小程序 页面 图片触摸缩放 【附上代码】_第1张图片

问题:如何让图片居中?

参考:http://blog.csdn.net/qq_19891827/article/details/76080260

【解决】微信小程序 页面 图片触摸缩放 【附上代码】_第2张图片

代码:

  1. <view style="width:750rpx;height:750rpx;background-color:#000;">  
  1.     <image id="img" src="www.xxoo.com/a.jpg" mode="aspectFit" style="width:100%;height:100%;">image>  
  1. view>  

【解决】微信小程序 页面 图片触摸缩放 【附上代码】_第3张图片

问题:如何实现图片缩放?

参考:http://blog.csdn.net/llixiangjian/article/details/77965311 (只有说明,没有具体的实现方式)

    http://www.ifanr.com/technotes/740404(上文的具体地址)

    http://blog.csdn.net/rolan1993/article/details/79554476(具有代码)

---------------------------------------------------------------------

绑定数据wxml:

                

【解决】微信小程序 页面 图片触摸缩放 【附上代码】_第4张图片

问题:报错了:为什么?

---------------------------------------悬置

用另外的方法:另外的窗口缩放

参考:https://jingyan.baidu.com/article/49ad8bcea392625834d8faa8.html

【解决】微信小程序 页面 图片触摸缩放 【附上代码】_第5张图片

【解决】微信小程序 页面 图片触摸缩放 【附上代码】_第6张图片

问题:图片加载很忙

-----------------------------------------------------------------------------

找到了官网的:参考:https://www.cnblogs.com/kiyo/p/minapp.html

-----------------------------------------------------------------------------

http://blog.csdn.net/u010095372/article/details/53282158(有代码,用用看)

实现了

【解决】微信小程序 页面 图片触摸缩放 【附上代码】_第7张图片

问题:貌似只能缩放,不能移动? 怎么移动呢?

下次解决把

你可能感兴趣的:(微信小程序)