-
Notifications
You must be signed in to change notification settings - Fork 0
/
qixingcai.html
59 lines (53 loc) · 1.89 KB
/
qixingcai.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>七星彩</title>
<script src="js/qxcCharts.js"></script>
<style>
*{ padding: 0; margin: 0;}
html, body{ width: 100%; height: 100%;}
</style>
</head>
<body>
<div style="position: relative;">
<canvas id="qxc" style="display: block; margin: 10px auto;position: relative;z-index: 10">不支持canvas，请升级浏览器</canvas>
<canvas id="tipsLine">不支持canvas，请升级浏览器</canvas>
</div>
<div>提示：请先点击，拖动到需要连接的终点松开即可绘线。解锁可滚动，但不可绘制，上锁后方可绘制</div>
<div>
<button id="save">保存图片</button>
<button id="scaleAdd">画笔+</button>
<button id="scaleReduce">画笔-</button>
<button id="clear">清空画板</button>
<button id="prev">返回上一步</button>
<button id="freeLineBtn">自由线</button>
<button id="lock" style="position: fixed;z-index: 99;left: 10px;top: 50%;">解锁</button>
</div>
<script>
new qxcBoard({
id:'qxc',
canvas2:'tipsLine',
qxcNumber:[
{qi:'1777',data:'2,5,4,4,4,4,9'},
{qi:'1778',data:'2,5,4,4,4,4,3'},
{qi:'1779',data:'2,5,4,4,3,4,0'},
{qi:'1780',data:'1,5,4,4,4,4,2'},
{qi:'1781',data:'3,5,4,2,4,4,7'},
{qi:'1782',data:'3,5,4,2,4,4,9'},
{qi:'1783',data:'6,5,4,2,4,4,6'},
{qi:'1784',data:'6,5,4,2,4,4,2'},
{qi:'1785',data:'6,5,4,2,4,4,9'}
],
prev:'prev',
lock:'lock',
clear:'clear',
save:'save',
scaleAdd:'scaleAdd',
scaleReduce:'scaleReduce',
freeLineBtn:'freeLineBtn'
})
</script>
</body>
</html>