Press "Enter" to skip to content

jQuery Plugin for Virtual Scratch Card Game | ScratchIt

ScratchIt is a jQuery virtual scratch card game plugin used to create an HTML5 canvas-based scratch card that allows you to reveal hidden HTML elements by scratching the opaque cover.

scratch card using jquery, jquery scratch card plugin, scratch card html code, scratch card source code, scratch card javascript, scratch and win javascript, scratch card design

How to make use of it:

1. Include the jQuery library and jQuery scratchit plugin.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" href="css/scratchit.css">
<script src="src/scratchit.js"></script>

2. Create a scratch card by following the markup structure.

<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>
<script>
  $(function() {
        var $scratchit = $('.scratchit').scratchIt();
  });
</script>

jquery plugin for html5 canvas, ScratchIt Plugin/Github, free html scratch card script


See Demo And Download

Official Website(meobyte): Click Here

This superior jQuery/javascript plugin is developed by meobyte. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.