jQueryのPhotoshopカラーピッカー

最近、プロジェクトに色の選択を実装する必要がありました。既製のソリューションを使用するか、自分で作成するかを選択しました。 簡単なGoogle検索では、適切な実装が得られませんでした。 自分で書くことにしました。









要件の1つは、人間の外観を思いつくことでした。これには、デザインスキルの最低限の基礎さえも払えないため、Photoshopでの色の選択の実装は私にとって理想的です。 したがって、マイナーな変更を含む機能はそこから完全にコピーされます。



たぶん誰かが私の仕事に興味を持つでしょう。 制限なしでプロジェクトで使用できます。 canvasをサポートするすべてのブラウザで動作します。 使用例はGithubにあります。ここにコピーして貼り付けてください。あまり意味がありません。



jQueryに加えて、jQuery UIセクションのコア、ウィジェット、マウス、スライダーを含める必要があります。 jQuery UIからCSSと画像を接続する必要はありません。 必要なものはすべて、colorPicker.cssに既に含まれています。



Github

デモ



psコードにはあまり気を遣わないでください。私は自由のために自由時間にのみプログラミングを行います。