scratchMod实现一个刮刮乐刮奖抽奖效果代码
代码语言：html
所属分类：其他
代码描述：scratchMod实现一个刮刮乐刮奖抽奖效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/scratchMod.js"></script>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.3.3.4.css">
</head>
<body>
<div class="bs-docs-header" id="content" tabindex="-1">
<div class="container">
<h1>ScratchMod</h1>
<p>刮奖组件</p>
</div>
</div>
<div class="container-fluid" style="margin-left: 25px;margin-right: 25px">
<div class="row">
<div class="col-md-12">
<h1 class="page-header">
<a class="anchorjs-link " style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; position: absolute; margin-left: -1em; padding-right: 0.5em;"></a>演示</h1>
<div class="highlight">
<span>startCallback:</span><span id="show_data_1" style="word-break: break-all; word-wrap:break-word;"></span><br>
<span>sampleCallback:</span><span id="show_data_2" style="word-break: break-all; word-wrap:break-word;"></span>
</div>
</div>
</div>
<div class="row">
<div id="scratch_mod_container" class="col-md-12 text-center center-block" style="width:300px;height: 300px;float: none">
</div>
</div>
<div class="row">
<div class="col-md-12">
</div>
</div>
<div class="row">
<div class="col-md-12">
<h1 class="page-header">
<a class="anchorjs-link " style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; position: absolute; margin-left: -1em; padding-right: 0.5em;"></a>使用方法</h1>
依赖 jquery<br> 组件需要一个容器元素，组件将在容器中生成刮奖元素，自动兼容不支持画布的浏览器，调用时返刮奖元素
<br>
<h2>初始化:</h2>
<div class="highlight">
<pre>
<code> var canvas = ScratchMod({
'container': ,//目标容器
'bgImgSrc': ,//背景图
'imgSrc': ,//蒙版图
'penImgSrc': ,//擦笔图
'color': ,//蒙版颜色（有imgSrc的情况下该属性无效）
'width': ,//宽度
'height': ,//高度
'eraseRadius':,//擦除笔的半径(有penImgSrc的情况下无效)
'sampleStep': ,//获取擦除百分百时的精度（数字越大精度越小）
'sampleCD': ,//获取擦除百分百的时间间隔
'sampleCallback': ,//获取擦除百分百的回调函数（返回true后不再回调）,回调的第一个入参为擦除百分百
'startCallback': /.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0