スマホアプリで画像を自由変形したい。

Question

画像の上にスタンプを重ねるスマホアプリの作成を検討しています。
スタンプを配置する際、自由変形（※）出来るようにしたいと思っています。

※「頂点の１つを選択してドラッグすると、選択した頂点のみ移動し、他の３点は移動しない」という挙動が理想。
要は台形や菱形にも変形出来るようにしたいです。

作り方を色々調べていて、通常の拡大縮小や四角形の変形をさせる方法・ライブラリは色々見付かったのですが、自由変形は見付かりませんでした。
OpenCVを使えば出来るという情報も見たのですが、具体的な方法が不明でした。

Swift/Javaをそのまま利用する方法でもライブラリでも結構ですので、ヒントだけでもよいので教えて頂けると助かります。

Answer 1

「Android 多角形」で検索するとCanvasへ描画する例が多数ヒットしますね。

もし単純な線分、または塗りつぶしによる多角形レベルの描画であれば、Canvasを使った以下のような方法も選択肢の一つではあると思います。

1. 画像の上へ透明なCanvasを配置
2. 描画すべき多角形の頂点座標は自前で管理

頂点の座標(自前で管理する必要があります)に基づきCanvas上へ直接またはPathを通じて多角形を描画します。多少なりとも柔軟に設計するのであれば多角形クラスを作るのもよいかも知れません。
3. ユーザーのジェスチャーによる頂点の選択やドラッグによる移動は自前でハンドリング
特定の頂点をドラッグにより移動させればそれが即ち自由変形ということになります。
4. 図形を変形したらCanvasを透明色でクリアしつつ多角形を再描画