/FeiImageView

javascript imageview 图片查看器,无任何依赖库,支持 拖动、缩放、任意角度旋转、鼠标滚轮

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

描述

javascript图片查看器,无任何依赖库
支持 拖动、缩放、任意角度旋转、鼠标滚轮

浏览器支持

IE 6+
Chrome
FireFox
Edge
Others(支持css3动画的浏览器)

#demo 点击这里查看示例

#other 交流邮箱 287449943@qq.com

#api Config:

Type Default Description
images Array [] Image List
currentIndex Number 0 默认显示第几张图片
Method:
Params Return Description
render { HTMLElement } 容器父级元素 { Object } fImagePanel对象 渲染
setImages { Array } 图片地址的数组 { Object } fImagePanel对象 设置图片列表
doChange { Object } fImagePanel对象 应用图片样式变动 其余方法只负责算出变动值 必须调用doChange方法才能将样式变动提现到dom元素上边
stretchH { Object } fImagePanel对象 垂直拉伸
stretchV { Object } fImagePanel对象 水平拉伸
originalOptimally { Object } fImagePanel对象 原始尺寸
stretchOptimally { Object } fImagePanel对象 最佳显示
centerImage { Object } fImagePanel对象 图片居中
rotate { Number } 角度 例如: 90 { Object } fImagePanel对象 旋转
scale { Number } 倍数 如 1.1 or 0.9 { Object } fImagePanel对象 放大 缩小
switchTo { Number } index { Object } fImagePanel对象 切换图片
nextImage { Object } fImagePanel对象 下一张
upImage { Object } fImagePanel对象 上一张

#截图