Skip to content

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

License

Notifications You must be signed in to change notification settings

qinmao/FeiImageView

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

77 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

描述

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

浏览器支持

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

#demo 点击这里查看示例

#other 交流邮箱 [email protected]

#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对象 上一张

#截图

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 93.0%
  • HTML 7.0%