一个可以查看图片(可以缩放，拖拽)的JS插件，无需引入额外 js 插件，简洁，方便，兼容
插件演示 https://lixianbin1.github.io/imgZoom/
安装 imgzoom-li
npm install imgzoom-li
在需要查看的图片上添加 class="imgZoom"
<img class="imgZoom" src="./Img/202001034.png" alt="示例图片" >在 script 中使用
import imgzoomli from 'imgzoom-li'
imgzoomli.init()设置弹窗的默认标题。点击图片，标题会展示图片的alt文本，如果未设置则会展示弹窗标题
示例：
import imgzoomli from 'imgzoom-li'
const imgobj = imgzoomli.init()
const option = {
title:"imgZoom-li"
}
imgobj.setOption(option)调整打开窗口的宽度;默认宽度为 auto；会根据内置的计算方法进行计算，设置合适的大小进行展示。
示例：
import imgzoomli from 'imgzoom-li'
const imgobj = imgzoomli.init()
const option = {
width:"1000"
}
imgobj.setOption(option)调整打开窗口中心的 top 定位;默认 top 为 50%；该定位以弹窗的中心点进行定位。
示例：
import imgzoomli from 'imgzoom-li'
const imgobj = imgzoomli.init()
const option={
top:"50%"
}
imgobj.setOption(option)调整打开窗口中心的 left 定位;默认 left 为 50%；该定位以弹窗的中心点进行定位。
示例：
import imgzoomli from 'imgzoom-li'
const imgobj = imgzoomli.init()
const option={
left:"50%"
}
imgobj.setOption(option)用于处理图片加载慢的问题(src放入压缩过的占位图，data-src存在主图)，如果设置了，则会在 data-src 加载完成后，主动替换图片的src路径。
示例
<img class="imgZoom" src="./IMG/202001038.jpg" data-src="./IMG/202001033.jpg" alt="图片二" >设置弹窗的主题，当前只有白天和黑夜主题
示例：
import imgzoomli from 'imgzoom-li'
const imgobj = imgzoomli.init()
const option={
theme:"day" // day or night
}
imgobj.setOption(option)imgzoomli.init()
初始化 imgzoom-li 实例；
示例：
const imgobj = imgzoomli.init()imgobj.SetTitle()
全局配置，用于设置imgzoom-li 的全局配置。
示例：
const imgobj = imgzoomli.init()
imgobj.SetTitle("imgzoom-li")imgobj.SetOption()
全局配置，用于设置imgzoom-li 的全局配置。
示例：
const imgobj = imgzoomli.init()
imgobj.SetOption({
width:1000,
top:'50%',
left:'50%'
})imgobj.Open(target)
可以用于打开指定 img 图片；img可以无需指定 class 为 imgZoom 的img元素，默认打开最后一个打开的图片，如果不存在则寻找第一个设定元素。
示例：
const imgobj = imgzoomli.init()
const dome=document.getElementsByClassName('dome')[0]
imgobj.Open(dome)imgobj.Close()
可以用于关闭打开窗口。
示例：
const imgobj = imgzoomli.init()
imgobj.close()imgobj.ThemeSwitch(type)
用于切换imgzoom-li 的主题，参数可选。
示例：
const imgobj = imgzoomli.init()
imgobj.ThemeSwitch('day')目前 IE9+ ,手机端目前未测试，后面再考虑向后兼容。