当前位置：网站首页>Picture clipping plug-in cropper js

Picture clipping plug-in cropper js

2022-07-02 05:57:00 【Want to eat pineapple crisp】

install

npm install cropperjs

introduce

import 'cropperjs/dist/cropper.css';
import Cropper from 'cropperjs';

Use

const letImg: any = document.querySelector("#cropImg");
(<any>state.cropper) = new Cropper(letImg, {
    
    viewMode: 1,
    dragMode: "none",
    initialAspectRatio: 1,
    aspectRatio: 1,
    preview: ".before",
    background: false,
    autoCropArea: 0.6,
    zoomOnWheel: false,
    crop: () => {
    
        state.cropperImgBase64 = (<any>state.cropper)
            .getCroppedCanvas()
            .toDataURL("image/jpeg");
        console.log(state.cropperImgBase64);
    },
});