您的位置:首页 > 移动开发 > 微信开发

【微信小程序】参考官方 图片缩放拖挪(手指)

2018-03-17 18:25 375 查看
参考:https://mp.weixin.qq.com/debug/wxadoc/dev/component/movable-view.html



[b]问题来了:如何图片放入容器中?[/b]参考:百度: https://www.baidu.com/s?wd=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F+%E5%9B%BE%E7%89%87%E6%94%BE%E5%85%A5movable-area&ie=utf-8&tn=02049043_27_pg https://segmentfault.com/a/1190000013687274?utm_source=channel-hottest
https://www.cnblogs.com/kiyo/p/minapp.html(最后这个就是重要的部分)
-------------------------------------------------------------------------------------------



参考:https://v.qq.com/x/page/b0528gel6ae.html(视频)
-------------------------------------------------
激动了,找到了参考:http://blog.csdn.net/u011330225/article/details/76087577



--------------------------------------------------
可是:问题:如何填充图片? http://blog.csdn.net/ufo00001/article/details/72637500
看看相关的,没有找到= =,



--------------------------------
容器=标签





<view class="section">
<view class="section__title">movable-view区域大于movable-area</view>

<view class="section__title">可放缩</view>
<movable-area style="height: 600px; width: 400px; background: red;" scale-area>
<movable-view style="height: 50px; width: 50px; background: blue;" direction="all" bindchange="onChange" bindscale="onScale" scale scale-min="0.5" scale-max="10" scale-value="2">
<image id = "SFimg" src="../image/lushu.jpg"></image>
</movable-view>
</movable-area>
</view>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: