スクラッチカードのようなエフェクト効果を入れられる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 コメント:
コメントを投稿