Amaze UI Magnifier

• 使用示例

使用说明

1. 获取 Amaze UI Magnifier

   • 直接下载
   • 使用 NPM: npm install amazeui-magnifier

2. 在 Amaze UI 样式之后引入 Magnifier 样式（dist 目录下的 CSS）：

   Amaze UI Magnifier 依赖 Amaze UI 样式。

   <link rel="stylesheet" href="https://github.com/photino/amazeui-magnifier/blob/master/path/to/amazeui.min.css"/>
   <link rel="stylesheet" href="https://github.com/photino/amazeui-magnifier/blob/master/path/to/amazeui.magnifier.min.css"/>

3. 引入 Magnifier 插件（dist 目录下的 JS）：

   <script src="https://github.com/photino/amazeui-magnifier/raw/master/path/to/jquery.min.js"></script>
   <script src="https://github.com/photino/amazeui-magnifier/raw/master/path/to/amazeui.magnifier.min.js"></script>

4. 初始化 Magnifier:

   Amaze UI Magnifier 也支持Data API。

   $(function() {
     $('#small-image').magnify({
       shape: 'rect',
       width: 120
     });
   });