PhotoJShop

JavaScript

写真にエフェクトやフィルタをかけることができるjQueryプラグイン「PhotoJShop」

PhotoJShopというjQueryプラグインを使えば、写真にエフェクトやフィルタをかけることができます。エフェクトは一般的によく使われるものが揃っており、ブラー・シャープ・明るく・暗く・エンボスなどといったものがあります。写真を手軽に編集することができるので便利ですね。

[ads_center]

PhotoJShopの使い方

PhotoJShop

PhotoJShop

エフェクトやフィルタを適応したい場合は、こんな感じで指定することができます。

$('#img1').PhotoJShop({
    effect  : "blur",
    color   : "b&w"
});

エフェクト・フィルタ

エフェクトとフィルタの種類は以下があります。

エフェクト

  • blur
  • sharpen
  • emboss
  • lighten
  • darken
  • edge-enhance
  • edge-detect
  • custom

フィルタ

  • b&w
  • sepia
  • vintage
  • recolor
  • red
  • blue
  • green

その他にもいくつかオプションがあるので気になる方は是非チェックしてみて下さい。

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのマウス操作のイベントをまとめてみる

    マウス操作に関するイベントをまとめてみました。まとめたイベントはmou…

  2. JavaScript

    jQueryで空港や駅にある掲示板のように指定した文字が切り替わっていくAirportを使ってみた

    面白いプラグインがあったので使ってみました。空港や駅にある掲示板みたい…

  3. Auto-Text-Scroll

    JavaScript

    自動でテキストが垂直にスクロールしていく「Auto-Text-Scroll」

    Auto-Text-Scrollは自動でテキストが垂直でスクロールして…

  4. JavaScript

    画像をボックス単位に分割してスライドさせていくjQueryプラグイン「Maskify Slider」…

    とてもお洒落なjQueryのイメージスライダーがあったのでご紹介します…

  5. no-image

    JavaScript

    インスタの写真や動画を表示できる軽量なjQueryプラグイン「Instagram Lite」

    Instagram Liteは指定したユーザーのインスタグラムの写真や…

  6. JavaScript

    要素の位置までスクロールしてスピード設定もできるjQueryプラグイン「scrollToBySpee…

    scrollToBySpeedは指定した要素の位置までスクロールしてく…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP