PhotoShopライクなカラーピッカーjavascript「Photoshop-like JavaScript Color Picker」

カラピッカーの原型はPhotoShopによって作られた(?)
というわけで、今回はPhotoShopのように充実した機能をもつPhotoShop-like JavaScript Color Pickerを紹介します。
proPhotoColor

使用方法
PhotoColor.zipをダウンロードします。
<script type="text/javascript" src="http://yourdomian/prototype.js"></script>
<script type="text/javascript" src="http://yourdomian/colormethods.js"></script>
<script type="text/javascript" src="http://yourdomian/colorvaluepicker.js"></script>
<script type="text/javascript" src="http://yourdomian/slider.js"></script>
<script type="text/javascript" src="http://yourdomian/colorpicker.js"></script>

*prototypeは1.6です。
次に以下のようなスクリプトを記入します。
<script type="text/javascript">
Event.observe(window,'load',function() {
cp1 = new Refresh.Web.ColorPicker('cp1', {startMode:'g', startHex:'ffcc00'});
});
</script>

メインとなる部分は長くなるので、zipファイルに同梱したindex.htmlかPhotoShopライクなカラーピッカーjavascript「Photoshop-like JavaScript Color Picker」サンプルページのソースをご覧下さい。

sponsors

「PhotoShopライクなカラーピッカーjavascript「Photoshop-like JavaScript Color Picker」」をシェアする

記事作成:
記事URL:

TOP > > > PhotoShopライクなカラーピッカーjavascript「Photoshop-like JavaScript Color Picker」