【Flutter】ClipPath と CustomClip を使って身分証撮影ガイドを作成する

はじめに こんにちは！Altive 株式会社の Flutter アプリ開発者の小林遼太（@naipaka）です🦙 今回は、図形を描画したり画像などを切り抜いたりする際に用いるClipPath や CustomClipper を使って、身分証撮影ガイドのようなものを作成する際の手順をまとめました。 完成イメージ 完成イメージは下記のとおりです。 運転免許証の一部にガイドを当てる これを例えば camera パッケージの CameraPreview などと組み合わせることで、カメラ撮影時にガイドを表示することができます。 実装手順 それでは、実装手順を説明していきます。 0. 事前準備 以下、今回ガイドを当てる対象の画像を表示するページです。 こちらを元に、ClipPath や CustomClipper を使ってガイドを作成していきます。 class CaptureGuidePage ex