1

iOS Snapchat にあるようなカラー ピッカーの作成に興味があります。ここに見られるのは、私が水平にしたい非常に素敵なスリムな垂直バーです。

私はこのような個別のボックスを使用してきましたが、Snapchat のようなスライダー/グラデーションを使用したいと考えています。

js:

    $(function() {
    $.each(['#f00', '#ff0', '#0f0', '#0ff', '#00f', '#000', '#fff'], function() {
        $('#tools').append("<a href='#colored_sketch' data-color='" + this + "' style='border: 1px solid black; width: 30px; height: 30px; background: " + this + "; display: inline-block;'></a> ");
    });

html:

        <div id='tools'></div>

私が見たカラー ピッカーの例はどれも、Adobe のカラー チューザーを再現したもので、私の作業領域には大きすぎます。また、Snapchat のようにグラデーションがスライドするほど小さいものは見つかりませんでした。それを再作成するための助けは大歓迎です、ありがとう!

4

1 に答える 1

2

スライダー (jQuery UI など) を使用すると、単純に色がhsl(slider * 360, 100%, 50%)変わります (スライダーが [0,1] の値を返すと仮定します)。

必要に応じて、これを RGB に戻すことができます。

http://jsbin.com/utumab/1/edit

それは垂直です（水平にしたいのを読んでいませんでした）。しかし、変更するのは簡単です。

于 2013-06-11T20:05:18.013 に答える