FontEffect jQuery plugin

JavaScriptのみで画像ツールで作った風のフォントを描画できるjQueryプラグイン「FontEffect」
ontEffect プラグインを使って、次のようなフォントを描画することが出来ます。画像ではないところが驚き。






実装の容易さについても注目で、次のように、FontEffect メソッドにオプションを渡すだけです。

$('#example24').FontEffect({
    outline:true,  // 枠線
    outlineColor1:"#00c",  // 枠線色１
    outlineColor2:"#00c",  // 枠線色２
    outlineWeight:1, // 枠線幅
    shadow:true,  // 影
    shadowColor:"#ccf", // 影の色
    shadowOffsetTop:4,  // 影のオフセットトップ
    shadowOffsetLeft:4,  // 影のオフセットライト
    shadowBlur:2,  // 影のぼかし
    shadowOpacity:0.05, // 影の透明度
    gradient:true, // グラデーション
    gradientColor:"#ccf" // グラデーション色
})

もちろん、すべてのオプションは渡さなくても動作します。

関連エントリ

• ユニークで使えそうなjQueryプラグイン10個
• ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
• これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」