2011-12-03 10 views
1

誰かがJavaScriptカラーピッカーの仕組みを説明できますか? (HTML5キャンバスを使用していないもの)HTML5以外のJavaScript HSVカラーピッカーはどのように機能しますか?

私の最初のアイデアは、1px divをプログラムの同盟国(数千人)で生成し、わずかに異なる背景色を与えることでした。しかし、私はこれ以上の解決策が必要だと思います!

+0

なぜ投票に近いのですか?私はこれが非常にうまく答えられ、議論されるだけではない質問であると思います。 –

+1

うーん、私は本当に "建設的ではない"という票がなぜあるのだろうと思っています... –

答えて

5

標準ピッカーでは、左(不透明)から右(透明)までのアルファグラデーション、上(白)から下(黒)までのグラデーションを持つ静止画像が必要です。 DIVとその中のイメージを作成します。

色相ピッカーは静止画像です。色相が選択されると、DIVの背景色がこの色相に変わります。 DIVの上の透明なイメージは、この基礎となる色を変更し、適切なカラーピッカーをシミュレートします。マジックじゃない?

編集:これはHSVピッカーで、色相ピッカーは色相を選択します。大きなピッカーのX座標は彩度で、Yは明るさ(または値)です。おそらく、HSVからRGBへのアルゴリズムが必要になります。

+2

半透明オーバーレイと色相バーの両方を[CSS3グラデーション](http://codepo8.github.com/CSS3-Rainbow-Dividers/)にすることもできます。 – katspaugh

+0

いいですね。 :)しかし、ユーザーがどのような色を選んだのかを説明することはできますか? –

+2

くそー、それはグラデーションでも気分がいいよ! – solendil

0

カラーピッカーが本当に必要な場合は、jQueryを使用していくつかの例があります。例えば、http://www.eyecon.ro/colorpicker/を見てください。私は前にその特定のものを使ってきました。

+0

私は自分自身を楽しいものにしたいと思います。 ;)だから私はこれらのfinsihedものに興味がない。そういうものが必要な場合は、私はただそれをgoogleにしようとしています。 –

+1

しかし、彼らはまた、実装のための参照を提供しています... – dash

+0

...これはコメントとして適しています。行動を要約したり、適切なリファレンスからの抜粋を追加して、この回答を文脈においてより有用にしてください。 –

関連する問題