댓글 검색 목록

[javascript] Cropper.js : 자바 스크립트 이미지 자르기

페이지 정보

작성자 운영자 작성일 20-07-16 19:46 조회 796 댓글 0

Cropper.js는 여러 가지 방법으로 이미지를 편집하고 자를 수 있는 Javascript 라이브러리입니다. 

여기에는 여러 자르기 도구, 캔버스 자르기, 가로 세로 비율이 다양한 자르기 등과 같은 다양한 도구 및 기능이 포함되어 있습니다!


https://fengyuanchen.github.io/cropperjs/ 


https://github.com/fengyuanchen/cropperjs 


A schematic diagram for cropper's layers 


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

const image = document.getElementById('image');
const cropper = new Cropper(image, {
  aspectRatio: 16 / 9,
  crop(event) {
    console.log(event.detail.x);
    console.log(event.detail.y);
    console.log(event.detail.width);
    console.log(event.detail.height);
    console.log(event.detail.rotate);
    console.log(event.detail.scaleX);
    console.log(event.detail.scaleY);
  },
});



댓글목록 0

등록된 댓글이 없습니다.

웹학교 로고

온라인 코딩학교

코리아뉴스 2001 - , All right reserved.