1.1.1 • Published 3 years ago

batch-clip v1.1.1

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

batch-clip基于JavaScript的批量图片裁剪插件

支持功能:批量图片载入、文件(File)加载、远程资源加载(URL)、图片缩放、原图载入。

钩子函数:图片加载失败、程序中断、裁剪完毕。

demo目录内为简单测试案例

演示地址http://101.34.62.75:6005/

npm i batch-clip
// 将图形裁剪控制台渲染至指定DOM节点,Files(文件列表)
const clip = new Clip({ el: '#file-clip',Files:[file,file]})
// 点击保存后的钩子
clip.submit = (files)=>{
  console.log(files)
}
// 当远程图片加载失败后(常见为跨域),触发次该方法
clip.LoadFailed = (url)=>{
  console.log(url)
}
// 当所有远程图片均加载失败,导致程序中断,触发该方法
clip.interrupt = ()=>{}

Attributes

参数说明必填类型默认
el渲染至指定DOM节点string|Document
Files文件列表,兼容File对象和在线图片URLArray<File>|Array<string>
isFile默认true,false为远程图片模式。Boolean[true]
zoom缩放模式,尺寸充满可视区域,false为原图模式Boolean[false]

Hook function

名称说明注入参数
submit注入裁剪完毕的文件列Array<File>
LoadFailed远程图像资源加载失败string
interrupt程序中断
1.1.1

3 years ago

1.1.0

3 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago