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. JavaScript

    jQuery illuminateを使えばボタンに光を加え点滅させたりして注目させることができる

    ちょっと面白そうだったので使ってみました。jQuery illumin…

  2. ResponsifyJS

    JavaScript

    画像で見せたいエリアを保持しながらレスポンシブにできる「ResponsifyJS」

    ResponsifyJSは画像のなかで見せたいエリアを保持させながらレ…

  3. lightGallery
  4. Flurry

    JavaScript

    Webページに雪を美しく降らせる冬にピッタリのjQueryプラグイン「Flurry」

    FlurryはWebページに雪を美しく降らせてくれるアニメーションを実…

  5. Bootstrap Carousel Touch Slider with Text Animation
  6. JavaScript

    回転するアニメーション付きの円形ナビゲーションを実装できる「wheelnav.js」

    wheelnav.jsは回転する円形のナビゲーションを実装することがで…

最近の記事

  1. スタンスミス(EDIFICE/IENA別注)
  2. WI-1000XM2
  3. mill オイルヒーター
  4. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP