photoFrame

canvasの勉強用に制作(デザインは適当)。

MacのChromeとiPhoneでの動作確認のみ

demo

https://ray-zero2.github.io/photoFrame/public/index.html

概要

カメラでとった画像にスタンプを貼り付けて画像生成するやつ。カメラで取得した画像はサーバーへ送信していません。

つかいかた

1. デバイスに搭載されたカメラで写真をキャプチャ
2. キャプチャした写真を拡大縮小、移動し、映し出す範囲を決定(iPhoneの場合ピンチインアウトも使用可能)
3. スタンプ一覧を押して装飾する。スタンプはそれぞれ辺をつかんで拡大縮小、もしくは移動が可能(iPhoneの場合ピンチインアウトも使用可能)