[Flutter] Custom Paint 에서 Object rotate 하기

해결 방법

 플러터에서는 upright 방향으로밖에 그림을 그릴 수 있다. 따라서 회전한 Object 를 그리는 것이 아니다. canvas를 회전시킨 뒤에 Object 를 그리고, 다시 회전시킴으로서 Object 가 회전된 것처럼 보이게 하는 것이ㅏㄷ.

 

void drawRotated(
  	Canvas canvas,
  	Offset center,
  	double angle,
  	VoidCallback drawFunction,
) {
  	canvas.save();
  	canvas.translate(center.dx, center.dy);
  	canvas.rotate(angle);
  	canvas.translate(-center.dx, -center.dy);
  	drawFunction();
  	canvas.restore();
}

 

실행 결과

45도 회전된 Border Rect

 

 

Reference

https://www.flutterclutter.dev/flutter/tutorials/2022-04-17-rotate-custom-paint-canvas-flutter/

How to rotate an object using CustomPaint / Canvas in Flutter