Skip to content

5SSS/canvas-scratch-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

canvas-scratch-card

scratch card plugin base on Canvas,Compatible with pc and mobile

how to use?

import scratchCard from 'canvas-scratch-card';
scratchCard.init({
  dom: document.getElementById('id'),
  r: 20, // radius default 20
  rate: 0.5, // when to call callback 0.1 - 1,
  image: 'https://xxxx.jpg', // <img> dom or url
  fillColor: '#b22', // fillColor, when this prop set, image will not render
  callback: () => {
    alert('haha');
  },
});

// reset
scratchCard.reset();

example

pc & mobile

About

scratch card plugin base on Canvas,Compatible with pc and mobile,live demo:https://codesandbox.io/s/canvas-scratch-card-demo-cuymo

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published