>

자르기 기능이 필요합니다. 이미지 블록은 변경할 수 없어야합니다. canva.com에서 가장 잘 보았습니다. 원래 블록 w/h! = 이미지 w/h (다른 모양 치수) 인 경우 사용자는 원래 객체 치수를 변경하지 않고 현재 활성 이미지 객체 내에서 이미지를 이동하고 크기를 조정할 수 있어야합니다. 현재 clipTo를 사용하여 자르기를 수행하고 동작으로 이동할 수는 있지만 편리하지는 않습니다. 또한 이미지를 다시 태그로 묶을 수는 있지만 이미지의 일부가 잘려서 숨겨집니다 ...

여기서 작업 데모가 필요합니다. 데모 데모 : https://www.canva.com/design/DACkUOnIfcs/dx5k5cs4uJbyscmmpzp1Pg/edit

현재 fabricjs로 이와 같은 것을 얻을 수 있습니까?

  • 답변 # 1

    예, 가능합니다.

    <올>

    원본 이미지를 캔버스에 추가하고 "선택 가능"을 false로 설정

    croppingArea 사각형을 만들어 캔버스 중앙에 추가

    자르기 영역의 각각의 왼쪽, 상단, 너비, 높이, scaleX, scaleY 및 scaleImage를 사용하여 원래 이미지 좌표에서 자른 영역의 경계 좌표를 계산합니다

    3 단계에서 cropX, cropY, 너비 및 높이를 설정 한 originalImage에서 cropedImage 생성

  • 이전 Android Studio에서 웹보기 콘텐츠가 변경 될 때마다로드를 표시 할 수 있습니까?
  • 다음 neo4j - 대규모 직렬 쿼리를 일괄 처리하기 위해 apocperiodiccommit 또는 기타 방법 사용