图片裁剪/等比缩放，支持本地/同域视频文件截图功能image-process (html5 + canvas)

解决图片上传前裁剪、等比缩放，压缩，支持本地视频、同域视频文件截图功能等。

• 裁剪图片：同时设置参数width, height

• 等比缩放：按宽度缩放，只设置width; 同理按高度缩放，只需设置height

• 不裁剪、不缩放，直接返回源文件base64数据

• 视频截图返回数据中含有字段videoFile, videoWidth, videoHeight, duration。其他参数为截图参数

源码地址：https://github.com/capricorncd/image-process-tools

演示地址：https://capricorncd.github.io/image-process-tools/dist/

ie10+

npm

npm install image-process --save-dev

使用方法

ES6+

import { ZxImageProcess } from 'image-process'

const zxImageProcess = new ZxImageProcess({
    // 默认为空，图片和视频文件，前提是浏览器支持input[accept=]
    accept: 'video/*',
    // 自动裁剪
    auto: false,
    // 触发文件选择的元素
    selector: '#buttonId',
    // 限制宽度等比缩放，则只需设置width值
    // 限制高度等比缩放，则只需设置height值
    // 同时设置了width、height值，则会对图片按尺寸裁剪
    width: 600,
    height: 400,
    // 裁剪容器按钮样式
    submitStyle：