Scratchcard-js

ScratchCard is a js lib to simulate a scratchcard in browser with html5 and canvas.

Install

You can install ScratchCard with npm:

npm install --save scratchcard-js

or just copy the file scratchard.min.js

import { ScratchCard, SCRATCH_TYPE } from 'scratchcard-js';
// or
import 'scratchcard-js';

See the SCRATCH_TYPES in action: Spray, Circle, Brush

Name	Type	Default value	Comment
scratchType	SCRATCH_TYPE	SPRAY	Possibles values : SPRAY, CIRCLE, BRUSH
containerWidth	number	100
containerHeight	number	100
brushSrc	string	""	For SCRATCH_TYPE.BRUSH
imageForwardSrc	string	""
imageBackgroundSrc	string	""
htmlBackground	string	""	`<p>Html-content<p>`
callback	function	function() { alert('done.'); }
clearZoneRadius	number	0	For SCRATCH_TYPE.CIRCLE
nPoints	number	30	For SCRATCH_TYPE.SPRAY
pointSize	number	4	For SCRATCH_TYPE.SPRAY

sc.init().then(() => {
  // Do what you want
  // ex: listen scratch.move event
}).catch((error) => {
  // image not loaded
});

sc.canvas.addEventListener('scratch.move', () => {
  let percent = sc.getPercent();
  // ...
});