zx-image-viewer图片预览插件，支持旋转、缩放、移动

图片预览插件，支持图片切换、旋转、缩放、移动…

浏览器支持：IE10+, (IE9不支持旋转功能)

源码地址：https://github.com/capricorncd/zx-image-viewer

演示地址：https://capricorncd.github.io/zx-image-viewer/dist/

默认键盘操作

方向键：左left右right前后图片切换，上up下down顺时针逆时针旋转

滚动鼠标：缩放

注：支持自定义按键配置，详见参数说明。

# 效果图 preview

演示地址：https://capricorncd.github.io/zx-image-viewer/dist/

使用 use

npm

npm install zx-image-viewer --save-dev
# 或
npm i zx-image-viewer -D

ES6+

import {
    ZxImageViewer } from 'zx-image-viewer'

浏览器Browser

<div id="imgList">
  <img data-index="0" src="a.jpg">
  <img data-index="1" src="b.jpg">
  <img data-index="2" src="c.jpg">
  <img data-index="3" src="d.jpg">
</div>
<script src="dist/js/zx-image-viewer.min.js