代码改变世界

mui中图片手势缩放功能的实现

2017-09-06 16:49  slmk  阅读(2196)  评论(0)  编辑  收藏  举报

MUI框架，要实现手势缩放图片，可以使用imageviewer组件来实现。代码很简单：

  1. 引入css： 
    <link href="assets/css/mui.imageviewer.css" rel="stylesheet" />

    mui.imageviewer.css可以从MUI的SDK（或者实例程序）中找到

  2. 引入JS： 
    <script src="assets/js/mui.imageViewer.js"></script>
  3. 初始化imageViewer组件，类似于jQuery组件： 
    var imageViewer = new mui.ImageViewer('img', {
                    dbl: false
                });