画像このシナリオ: スケッチが表示され、その上に「空白の穴」領域がある私のサーバーに画像がローカルにあります。
その後、ユーザーは別の画像を自分のサーバーにアップロードできます。ドラッグ&ドロップで画像を結合(マージ)
達成しようとしているのはこれです: 画像のアップロードが完了すると、最初の画像(「穴」のある画像)が表示され、その背後にはユーザーの写真が表示されますそれは最初の写真の "空白の穴"領域を通過します。
これで、ユーザーは自分の写真を移動(ドラッグ&ドロップスタイル)できるので、「空白の穴」から見える領域を選択できます。 それから私は結果を保存したいと思います - 2枚の写真をマージするか、ユーザーの写真の位置をデータベースに保存して、後でもう一度表示できるようにします。
(多かれ少なかれthisのようなもの)
どのようなtechnollogyを探すべきですか?私はjavascript(ドラッグ&ドロップ)またはhtml5またはphp(写真をマージするため)と思いますか?
私が使用できるライブラリはありますか?
私の説明があまりにも厄介ではないことを願っています。
返信いただきありがとうございます。私はimagecopolymergeについてお読みになりました(言及するのを忘れてしまった)。私が心配しているのは、それがreactangleの座標を使ってマージすることです。だから、円で作る方法を理解できません。あなたはどんな考えを持っていますか? – CrisDeBlonde
また、Damenが述べたように、ユーザーがフレームに対してイメージを配置できるようにjavascriptを使用したいとします(x、y、およびscaleの値をGDで処理できるサーバーに渡します) 。 –
あなたの出力イメージはどのようなフォーマットですか?もしそれがjpgになるならば、あなたのフレームは可視フレームの外に白い塗りつぶしにしてください。フレームとイメージの外側で透明になるよう最終製品を探しているなら、マージ後にこれらの指示に従ってください:http://stackoverflow.com/questions/4512477/php-proportionally-resize-and-cut-a-circle-out-of-a-square-image –