Lena.js

JavaScript

多彩な画像処理ができるJSライブラリ「Lena.js」

Lena.jsは多彩な画像処理を行うことができるJSライブラリです。セピア、レッド、グリーン、ブルーなどいろんなフィルターが用意されていて、手軽に目的の画像を加工することが可能です。

Lena.js

デモ

デモでは、右側に元となる画像が表示されていて、その左隣に画像処理後の画像が表示されるようになっています。ちなみにページ読み込み時は、この左側には画像が表示されておらず、この場所にフィルターをドラッグ&ドロップすると、そのフィルターがかかった画像が表示されます。

フィルターは上部にたくさん設置されていて、目的のフィルター名を左側のボックスにドラッグ&ドロップすることで、そのフィルターを適用した時の画像がどのようになるかを確認できます。

  • gaussian
  • grayscale
  • highpass
  • invert
  • laplacian
  • prewitt
  • rgb
  • roberts
  • saturation
  • sepia
  • sharpen
  • sobel
  • thresholding
  • lowpass 3×3
  • lowpass 5×5

多彩なフィルターを手軽に楽しむことができるので、気になる人はぜひLena.jsをチェックしてみてはいかがでしょうか。ライセンスはMITとのこと。

Lena.js

jQuery-Simple-MobileMenuシンプルで操作性もいいモバイルメニュー実装「jQuery-Simple-MobileMenu」前のページ

マウス操作で値の増減ができるjQueryプラグイン「jquery.stepper.js」次のページjquery.stepper.js

関連記事

  1. flubber

    JavaScript

    滑らかなシェイプアニメーションを実装できる「flubber」

    flubberは、滑らかな2Dによるシェイプアニメーションを実装するこ…

  2. EasyLoading

    JavaScript

    ローディングアニメーションを手軽に実装できる「EasyLoading」

    EasyLoadingは、ローディングアニメーションを手軽に実装するこ…

  3. no-image

    JavaScript

    シンプルでパワフルなセレクトボックスを実装できる「SelectPage」

    SelectPageはシンプルながらも高いカスタマイズ性を備えたパワフ…

  4. jquery-scrollstop

    JavaScript

    スクロールの開始・終了時のイベントを設定できる「jquery-scrollstop」

    jquery-scrollstopはスクロールの開始・終了時のイベント…

  5. Product Tour

    JavaScript

    レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」

    Product Tourはレスポンシブに対応したプロダクトツアーを実装…

  6. JavaScript

    ウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」

    WaveというjQueryプラグインを使ってみました。これを使えばウェ…

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP