这篇文章主要为大家详细介绍了canvas绘制刮刮卡效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了canvas绘制刮刮卡效果的具体代码，供大家参考，具体内容如下
先上图
代码
刮刮卡 *{margin:0;padding:0;} html,body{height:100%;} body{overflow: hidden;} div{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:300px;height:150px;text-align:center;line-height:150px;background:rgb(200,0,0);color:rgb(255,255,255);font-size:22px;} canvas{display: block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;filter:blur(0.7px);}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持本站。
以上就是canvas绘制刮刮卡效果的详细内容，更多请关注本站其它相关文章！
