2015/11/08

[jQuery]スクラッチカードのような処理をするplugin

スクラッチカードのようなエフェクト効果を入れられるpluginを調査しました。
wScratchPad.js
を使えばできるみたいです。

<script type="text/javascript" src="./wScratchPad.min.js"></script>
<div class="hoge"></div>
<script>
$('.hoge').wScratchPad({
  bg : '#000000', //画像の指定もできる
  fg : '#ffffff', //画像の指定もできる
  realtime : true, //スクラッチした割合をリアルタイムで算出したい場合はtrue
  scratchDown: function(e, percent){ console.log(percent); },
  scratchMove: function(e, percent){ console.log(percent); },
  scratchUp: function(e, percent){ console.log(percent); }
});
</script>
いい感じでスクラッチできるので便利ですね。

0 コメント:

コメントを投稿