変更色が動的に

Question

私は思っていました。例えば、私は弓緑と現在の赤を黄色の縞模様にしたいと思ったら、それを持った新しいイメージを作らなければならないのでしょうか、それとも何かを（エレガントに）プログラムする方法がありますか？私はちょうどその可能性があるかどうかを尋ねています、もしそうなら、これを行うにはどの言語が最適でしょうか？

これはウェブサイトの機能であることに注意してください。

Answer 1

これはイメージが簡単ではありません。どの部分が弓で、どの部分が縞で、どの部分が箱であるかをコンピュータに伝える方法はありません。しかし、それらをあらかじめ色付けしておけば、GDライブラリやimagemagickを使って簡単に色を置き換えることができます。これはPHPで行います。あなたがそれを行う方法のいくつかの例があります、私は個人的にimagemagickルートを行くでしょう。

How can I replace one color with another in a png 24 alpha transparent image with GD

http://www.imagemagick.org/Usage/color_basics/#replace （この例でも笑、使用ケースと同様のギフトボックスを持っている）

Answer 2

変更可能な部分は透明にしておいてください。次に、それを2番目の背景色でホバー状態にします。

Answer 3

あなたは可能性：

• がインデックスカラー画像を使用して変更しますパレットの色。

• @ MTの提案を使用してください。ただし、複数の色やギザギザの領域があります。

• バケットツールを使用したプログラムバージョン - コントロールポイントを選択してイメージを塗りつぶす（ "floodfill"）。

• @ profitphpの提案を使用してください。これは、私の最後の1つです。それはまだ「クール」要因:)

Answer 4

を有している

私は、これは、Webベースのペイントアプリケーションであると推定互換性を破棄し、新しいcanvas elementを使用します。あなたは、人間が、部品が何であるか、そしてどこに色付けをしたいかを伝えることを要求するでしょう。

問題は、ユーザの要求によりflood fillを実行する方法になります。

私が提案することができる最高の画像処理ライブラリを使用して、塗りつぶしのサーバー側を実行している - ユーザーに渡すバックイメージを：

ピクセルデータにアクセスする一切のjavascript機能はありません画像の

編集：Performing flood fill with HTML Canvas