javascript+canvas实现刮刮卡抽奖效果

运用canvas做的简单刮刮卡效果，每次刷新可重新测试

 *{ margin:0; padding:0;} 
 
.cjbox{ margin:100px; height:80px; width:200px; background:#FFF; position:relative;}
#canvas{position:absolute; left:0px; top:0px;z-index:99;}
.sjmes{ position:absolute; left:0px; top:0px; height:80px; width:200px; text-align:center; font-size:40px; line-height:80px; z-index:9;}



 
 

  刮刮卡简单抽奖
  
    
     
  
 
 

以上所述就是本文的全部内容了，希望大家能够喜欢。