Skip to content

cropperjs

提示

当前版本 v2

介绍

cropperjs 是一个 JavaScript 图像裁剪库,提供了丰富的功能和选项,允许用户在网页上进行图像裁剪操作。它支持多种浏览器,并且易于集成到各种前端框架中。

v2 架构升级:

  • <cropper-image>:负责图像显示和变换
  • <cropper-selection>:处理裁剪区域
  • <cropper-canvas>:作为操作画布
  • <cropper-handle>:提供操作手柄
  • <cropper-viewer>:实现预览功能

快速开始

  1. 安装 cropperjs:

    bash
    npm i cropperjs
  2. 在你的项目中引入 cropperjs:

    js
    import Cropper from 'cropperjs'
    
    const cropper = new Cropper(el, {})
    html
    <img id="image" src="path/to/your/image.jpg" />

基于 MIT 许可发布