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

関連記事

  1. Complexify

    JavaScript

    パスワードの強さを視覚的にフィードバックしてくれる「Complexify」

    Complexifyはユーザーが入力したパスワードの強さを視覚的にフィ…

  2. jQuery Slideshow

    JavaScript

    シンプル・軽量・レスポンシブなスライダー実装「jQuery Slideshow」

    jQuery Slideshowはシンプルで軽量、そしてレスポンシブに…

  3. no-image

    JavaScript

    スクロールした時に最適な位置に合わせてくれる「jQuery.panelSnap」

    jQuery.panelSnapは、コンテンツごとに縦に並べられたパネ…

  4. jquery.inputmask

    JavaScript

    テキスト入力のマスク(入力補助)を作成する「jquery.inputmask」

    jquery.inputmaskは、ウェブページでのテキスト入力のマス…

  5. Materialize Tags

    JavaScript

    マテリアルデザインのタグ管理を実装できる「Materialize Tags」

    Materialize Tagsは、マテリアルデザインのタグ管理を実装…

  6. jQuery contextMenu plugin & polyfill

最近の記事

  1. ネクスタイム
  2. フォールドオーバーポーチ
  3. 田沢湖
  4. ハクバ シリコンクロス
  5. トライポッドスリーブ

Instagram始めました

Facebookページ

PAGE TOP