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

时间:2023-03-09 19:03:56
mui中图片手势缩放功能的实现

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
    });