Fabric.js로 객체 회전 후 경계 상자 테두리 다시 그리기

Question

Fabric.js (버전 1.7.19)를 사용하여 캔버스에 그립니다. 활성 객체를 90도 회전시키는 '회전'버튼이 있습니다. 회전 괜찮지 만, 상자 경계를 경계로 개체가 회전 개체를 반영하기 위해 변경되지 않습니다 이상한 찾고 이외의 개체를 제대로 선택할 수 없다는 것을 의미합니다.

은 여기 내 회전 객체 기능입니다.

rotateItem = (e) => { 
    e.preventDefault(); 
    const currentAngle = this.state.activeItem.item(0).get('angle'); 
    this.state.activeItem.item(0).setAngle(currentAngle + 90).setCoords(); 
    fabricCanvas.renderAll(); 
} 

Answer 1

알아 냈습니다. 캔버스에 그룹을 추가 한 다음 그룹의 첫 번째 항목을 회전 (따라서 .item(0))하면 전체 그룹을 회전시켜야합니다. .item(0)을 제거하면 내 문제가 해결되었습니다.

rotateItem = (e) => { 
    e.preventDefault(); 
    const currentAngle = this.state.activeItem.get('angle'); 
    this.state.activeItem.setAngle(currentAngle + 90).setCoords(); 
    fabricCanvas.renderAll(); 
}