私の質問をする前に、私は誰もが私の質問をよりよく理解できるようにするためのテストページを持っています。URLはhttp://iamthemoon.com/crop/です。
赤の選択範囲を移動できます。
私は赤い選択の領域だけをトリミングするのが好きです。HTML5キャンバスで簡単にできると思いましたが、それは私の間違いでした。最初に2日間グーグルで検索しましたが、解決策が見つかりませんでした。HTML5ベースのトリミングツールはたくさんありますが、それらには正方形の選択しかありません。
次に、PHP GDとimagemagickを調べましたが、解決策も見つかりませんでした。
アドビのオンラインフォトショップを見ましたが、自由形式のなげなわツールや自由形式の選択ツールもありません。
誰かが同様のjavascript/php / ruby /または他のWebベースのテクノロジーを見ましたか？またはこれも可能ですか？
これが可能かどうかの質問に答えるだけです。私は同じ問題に対処しなければならず、 HTML5 を使用して解決するのに (完全な) 週末を要しました。
ここでデモをご覧ください。
それが役に立てば幸い。
編集: ほんの少しの疑似コード:
1.キャンバスに絵を描きます。2.キャンバス上のマウスクリックを記録します。3.マウスクリック座標を使用してパターンを描画します。 4.元の画像でパターンを塗りつぶします。5. 元の画像をパターンに置き換えます。
編集: ソース コードを公開しましたhttps://github.com/netplayer/crop
私は同じテーマに取り組んでいます。私の考えは、反対側のポリゴンを描画し、imagecolorallocatealpha を使用してこれらを透明にすることでした。ポリゴンは imagefilledpolygon で描画されます。クライアント側では、定義済みの画像を使用します (つまり、php で定義済みのポリゴン)。私もこれに出くわしました: http://brittonkerin.com/image_region_selector/irs_demo.html。これが多少役立つことを願っています。