batch-clip

KO | EN

gitlite — search

#python #hacktoberfest #ai #typescript #android #machine-learning #deep-learning #docker #macos #windows #awesome #kubernetes #ios #open-source

(★ 90)

基于JavaScript的批量图片裁剪插件，支持功能：图片裁剪、批量图片载入、文件（File）加载、远程资源加载（URL）、图片缩放、原图载入。钩子函数：图片加载失败、程序中断、裁剪完毕。

batch-clip 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

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

**支持功能**：批量图片载入、文件（File）加载、远程资源加载（URL）、图片缩放、原图载入。

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

**demo目录内为简单测试案例**

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

```
npm i batch-clip
```

```javascript
// 将图形裁剪控制台渲染至指定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对象和在线图片URL         | 是   | `Array<File>｜Array<string>` |
| isFile | 默认true，false为远程图片模式。             | 否   | `Boolean[true]`              |
| zoom   | 缩放模式，尺寸充满可视区域，false为原图模式 | 否   | `Boolean[false]`             |

## Hook function

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

batch-clip

batch-clip 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

batch-clip

batch-clip 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README