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

    2KB程の軽量&シンプルなjQueryスライダー「Craftyslide」を使ってみた

    とてもシンプルで軽量ないい感じのjQueryプラグイン「Craftys…

  2. no-image

    JavaScript

    カスタマイズもできるダイナミックなコンタクトフォーム「Swyft Callback」

    Swyft Callbackはカスタマイズもできるダイナミックで美しい…

  3. JavaScript

    シンプルで軽量のレスポンシブなjQueryスライダー「ResponsiveSlides.js」を使っ…

    とてもシンプルで使いやすそうなレスポンシブのjQueryスライダー「R…

  4. Fluidbox

    JavaScript

    シンプルで軽快な動作が素敵なLightbox風のjQueryプラグイン「Fluidbox」

    FluidboxというjQueryプラグインを使えば、シンプルで軽快な…

  5. JavaScript

    とてもシンプルで綺麗なツールチップを簡単に実装することができるjQueryプラグイン「gips」

    使いやすさや見た目もシンプルで綺麗なツールチップを実装することができる…

  6. iconate.js

    JavaScript

    アイコンをオシャレにアニメーションしながらtransformさせる「iconate.js」

    iconate.jsはアイコンをアニメーションさせながら別のアイコンへ…

コメント

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

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

最近の記事

  1. YAECA ワイドテーパードデニム 10-13WW
  2. ADR-3ML39シリーズ
  3. キュレル モイスチャーバーム
  4. FUJIFILM X-Pro3
  5. iPhone 11 ProとApple Watch Hermès

アーカイブ

PAGE TOP