画像をマトリックス風にしちゃう!jQueryプラグイン「jQuery Matrix」

画像をマトリックスにできます!
・・・いまさら何でって感じですが。
jQuery Matrixを使用すると画像をモザイク化できるので、ひと味違う様に見せるのにはいいのではないでしょうか。
画像をマトリックス風にしちゃう!jQueryプラグイン「jQuery Matrix」サンプル

使用方法
jQuery Matrixからファイル一式をダウンロードします。
<script type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script src="jquery.matrix.js" type="text/javascript"></script>
<script>
$(function() {
$("#id名").matrix({
colors: "green", //モザイク化させる色
animated: true, //動かすかどうか
grainSize: 5, //一粒の大きさ
background: '#000' //背景色
});
});
</script>

あとはマトリックス化させたい画像にidを付与すれば完成です。
<img src="画像パス" id="id名" />
画像をマトリックス風にしちゃう!jQueryプラグイン「jQuery Matrix」サンプル

sponsors

「画像をマトリックス風にしちゃう!jQueryプラグイン「jQuery Matrix」」をシェアする

記事作成:
記事URL:

TOP > > > 画像をマトリックス風にしちゃう!jQueryプラグイン「jQuery Matrix」