🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

ScratchIt is a jQuery plugin used to create an Html5 canvas based scratchcard which allows you reveal concealed html elements by scratching off the opaque covering.

Canvas Scratchcard

Documentation

ScratchIt

Virtual scratch card game.

Getting Started

Download the production version or the development version.

In your web page:

Markup:

<div class="scratchit">   <img src="images/image-to-scratch.jpg" width="400" height="200" />   <img src="images/image-to-reveal.jpg" width="400" height="200" />   <canvas width="400" height="200"></canvas> </div>

JS:

<script src="jquery.js"></script> <script src="dist/scratchit.min.js"></script> <script>   $(function() {         var $scratchit = $('.scratchit').scratchIt();   }); </script>

License

MIT © Michelle Anderson


You May Also Like