                        課程
                    
                        /前端開發
                        
                            /Html5
                        
                        /炫麗的倒計時效果Canvas繪圖與動畫基礎

在哪能下載這個文件

慕前端2924538

2017-03-09

源自：炫麗的倒計時效果Canvas繪圖與動畫基礎 3-1

關注問題我要回答

455

操作

收起

2 回答

星夜永恒回答被采納 +3 積分
2017-03-11

我也沒找到, 自己按照圖片生成了一個, 看看能否幫助你

var?digit?=?[
??//?0
??[
????[0,0,1,1,1,0,0],[0,1,1,0,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,0,1,1,0],[0,0,1,1,1,0,0]
??],?
??//?1
??[
????[0,0,0,1,1,0,0],[0,1,1,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[1,1,1,1,1,1,1]
??],
??//?2
??[
????[0,1,1,1,1,0,0],[1,1,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,0,0,1,1],[1,1,1,1,1,1,1]
??],
??//?3
??[
????[1,1,1,1,1,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,1,0,0],[0,0,0,0,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,0,1,1,1,1,0]
??],
??//?4
??[
????[0,0,0,0,1,1,0],[0,0,0,1,1,1,0],[0,0,1,1,1,1,0],[0,1,1,0,1,1,0],[1,1,0,0,1,1,0],[1,1,1,1,1,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,1,1]
??],
??//?5
??[
????[1,1,1,1,1,1,1],[1,1,0,0,0,0,0],[1,1,0,0,0,0,0],[1,1,1,1,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]
??],
??//?6
??[
????[0,0,0,0,1,1,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]
??],
??//?7
??[
????[1,1,1,1,1,1,1],[1,1,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0]
??],
??//?8
??[
????[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,0,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]
??],
??//?9
??[
????[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0]
??],
??//?:
??[
????[0,0,0,0],
????[0,0,0,0],
????[0,1,1,0],
????[0,1,1,0],
????[0,0,0,0],
????[0,0,0,0],
????[0,1,1,0],
????[0,1,1,0],
????[0,0,0,0],
????[0,0,0,0]
??]
];

2 回復有任何疑惑可以回復我~

收起回答

慕前端2924538 提問者

非常感謝！

2017-03-16 回復有任何疑惑可以回復我~

星夜永恒
2017-03-11

或者你用下面的代碼自己生成一套

<!DOCTYPE?html>
<html>
????<head>
????????<meta?charset="utf-8">
????????<meta?name="viewport"?content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
????????<meta?name="format-detection"?content="telephone=no,email=no,date=no,address=no">
????????<title>點陣數字生成</title>
????????<style>
????????????body?{
????????????}
????????????.active?{
????????????????background:?#F00;
????????????}
????????????table?{width:100%;}
????????????td?{height:2em;?text-align:center;?vertical-align:middle;}
????????</style>
????</head>
????<body>
????????<table?border="1">
????????????<tr>
????????????????<td>1</td>
????????????????<td>2</td>
????????????????<td>3</td>
????????????????<td>4</td>
????????????????<td>5</td>
????????????????<td>6</td>
????????????????<td>7</td>
????????????</tr>
????????????<tr>
????????????????<td>1</td>
????????????????<td>2</td>
????????????????<td>3</td>
????????????????<td>4</td>
????????????????<td>5</td>
????????????????<td>6</td>
????????????????<td>7</td>
????????????</tr>
????????????<tr>
????????????????<td>1</td>
????????????????<td>2</td>
????????????????<td>3</td>
????????????????<td>4</td>
????????????????<td>5</td>
????????????????<td>6</td>
????????????????<td>7</td>
????????????</tr>
????????????<tr>
????????????????<td>1</td>
????????????????<td>2</td>
????????????????<td>3</td>
????????????????<td>4</td>
????????????????<td>5</td>
????????????????<td>6</td>
????????????????<td>7</td>
????????????</tr>
????????????<tr>
????????????????<td>1</td>
????????????????<td>2</td>
????????????????<td>3</td>
????????????????<td>4</td>
????????????????<td>5</td>
????????????????<td>6</td>
????????????????<td>7</td>
????????????</tr>
????????????<tr>
????????????????<td>1</td>
????????????????<td>2</td>
????????????????<td>3</td>
????????????????<td>4</td>
????????????????<td>5</td>
????????????????<td>6</td>
????????????????<td>7</td>
????????????</tr>
????????????<tr>
????????????????<td>1</td>
????????????????<td>2</td>
????????????????<td>3</td>
????????????????<td>4</td>
????????????????<td>5</td>
????????????????<td>6</td>
????????????????<td>7</td>
????????????</tr>
????????????<tr>
????????????????<td>1</td>
????????????????<td>2</td>
????????????????<td>3</td>
????????????????<td>4</td>
????????????????<td>5</td>
????????????????<td>6</td>
????????????????<td>7</td>
????????????</tr>
????????????<tr>
????????????????<td>1</td>
????????????????<td>2</td>
????????????????<td>3</td>
????????????????<td>4</td>
????????????????<td>5</td>
????????????????<td>6</td>
????????????????<td>7</td>
????????????</tr>
????????????<tr>
????????????????<td>1</td>
????????????????<td>2</td>
????????????????<td>3</td>
????????????????<td>4</td>
????????????????<td>5</td>
????????????????<td>6</td>
????????????????<td>7</td>
????????????</tr>
????????</table>
????????<div?style="padding:1em;?background:#CDFE67;?text-align:center;?color:#FFF;">清空</div>
????????<p?style="padding:1em;?background:#04F;?text-align:center;?color:#FFF;">生成</p>
????</body>
????<script?type="text/javascript"?src="./script/jquery-2.1.0.js"></script>
????<script?type="text/javascript">
??????apiready?=?function()?{

????????$j('td').click(function(){
????????????$j(this).toggleClass('active');
????????});

????????$j('div').click(function(){
????????????$j('td').removeClass('active');
????????});

????????$j('p').click(function(){
????????????var?arr?=?[];
????????????$j('table?tr').each(function(){
????????????????var?trArr?=?[];

????????????????$j(this).find('td').each(function(){
????????????????????trArr.push($j(this).hasClass('active')?1:0);
????????????????});
????????????????arr.push(trArr);
????????????});

????????????console.log(JSON.stringify(arr));
????????});

??????};
????</script>
</html>

1 回復有任何疑惑可以回復我~

收起回答