canvas之倒计时数字钟的具体绘制

最新推荐文章于 2024-03-22 17:18:02 发布
原创 最新推荐文章于 2024-03-22 17:18:02 发布 · 649 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
前端积累

当前文章被收录于：

前端积累
54 篇文章 0 人学习
订阅专栏 查看详情
本文详细介绍了如何利用HTML5的canvas元素来绘制一个倒计时数字钟。通过context.arc方法画出弧线构成钟面，并利用beginPath和closePath控制路径绘制数字。倒计时程序中，数字被表示为10*7的二维数组，冒号则用10*4的尺寸。核心代码分别在digit.js和countDown.js中实现。

context

arc画弧线



context.arc(300,300,200,0,0.5*Math.pi*(i+1)/10）表示以300，300为圆心

200为半径，0到1.5pi，第六个参数指定为顺时针还是逆时针（true）

//beginPath和closePath

倒计时程序：


数字用10*7的二维数组，冒号用10*4

digit.js

digit =
    [
        [
            [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]
        ],//0
        [
            [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]
        ],//1
        [
            [0,1,1,1,1,1,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]
        ],//2
        [
            [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,1,1,1,1,1,0]
        ],//3
        [
            [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]
        ],//4
        [
            [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]
        ],//5
        [
            [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]
        ],//6
        [
            [1,1,1,1,1,1,1],
            [1,1,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,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]
        ],//7
        [
            [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,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]
        ],//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,1,1,1,0,1,1],
            [0,0,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,1,1,0,0,0,0]
        ],//9
        [
            [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]
        ]//:
    ];

countDown.js

//获取浏览器的宽度和高度
//这里需要设置body和canvas的高度为100%
var WINDOW_WIDTH=document.body.clientWidth;
var WINDOW_HEIGHT=document.body.clientHeight;


var MARGIN_LEFT=Math.round(WINDOW_WIDTH/10);
var MARGIN_TOP=Math.round(WINDOW_HEIGHT/5);
var RADIUS=Math.round(WINDOW_WIDTH*4/5/108)-1;


//设置结束时间
//这里月份的设置，默认是从0-11的，所以九月份就是8
var ENDTIME=new Date();
ENDTIME.setTime(ENDTIME.getTime()+3600*1000*24*2);

var curShowTimeSeconds=0;

var balls = [];
//设置小球可能出现的颜色
const colors = ["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"];

window.onload=function(){
    var canvas=document.getElementById("canvas");
    var ctx=canvas.getContext('2d');
    canvas.width=WINDOW_WIDTH;
    canvas.height=WINDOW_HEIGHT;

    //获取当前显示的时间对应的秒数
    curShowTimeSeconds=getCurrentShowTimeSeconds();

    setInterval(function(){
        //绘制
        render(ctx);
        //更新
        updates();
    },50);


}
function getCurrentShowTimeSeconds(){
    //获取当前时间
    var curTime=new Date();
    //返回结束时间对应的毫秒数减去当前时间的毫秒数的结果
    var ret=ENDTIME.getTime()-curTime.getTime();
    //把毫秒数转换成秒，并转换成整数
    ret=Math.round(ret/1000);
    return ret>0?ret:0;
}
//更新页面
function updates(){
    var nextShowTimeSecond=getCurrentShowTimeSeconds();
    var nextHours=parseInt(nextShowTimeSecond/3600);
    var nextMinutes=parseInt((nextShowTimeSecond-nextHours*3600)/60);
    var nextSeconds=parseInt(nextShowTimeSecond%60);

    var curHours=parseInt(curShowTimeSeconds/3600);
    var curMinutes=parseInt((curShowTimeSeconds-curHours*3600)/60);
    var curSeconds=parseInt(curShowTimeSeconds%60);

    //判断当前秒数和下一秒秒数是否相等
    if(nextSeconds!=curSeconds){
        if( parseInt(curHours/10) != parseInt(nextHours/10) ){
            addBalls( MARGIN_LEFT + 0 , MARGIN_TOP , parseInt(curHours/10) );
        }
        if( parseInt(curHours%10) != parseInt(nextHours%10) ){
            addBalls( MARGIN_LEFT + 16*(RADIUS+1) , MARGIN_TOP , parseInt(curHours%10) );
        }
        if( parseInt(curMinutes/10) != parseInt(nextMinutes/10) ){
            addBalls( MARGIN_LEFT + 40*(RADIUS+1) , MARGIN_TOP , parseInt(curMinutes/10) );
        }
        if( parseInt(curMinutes%10) != parseInt(nextMinutes%10) ){
            addBalls( MARGIN_LEFT + 56*(RADIUS+1) , MARGIN_TOP , parseInt(curMinutes%10) );
        }
        if( parseInt(curSeconds/10) != parseInt(nextSeconds/10) ){
            addBalls( MARGIN_LEFT + 80*(RADIUS+1) , MARGIN_TOP , parseInt(curSeconds/10) );
        }
        if( parseInt(curSeconds%10) != parseInt(nextSeconds%10) ){
            addBalls( MARGIN_LEFT + 96*(RADIUS+1) , MARGIN_TOP , parseInt(nextSeconds%10) );
        }


        curShowTimeSeconds=nextShowTimeSecond;
    }
    updateBalls();
}

function updateBalls(){

    for( var i = 0 ; i < balls.length ; i ++ ){

        balls[i].x += balls[i].vx;
        balls[i].y += balls[i].vy;
        balls[i].vy += balls[i].g;

        if( balls[i].y >= WINDOW_HEIGHT-RADIUS ){
            balls[i].y = WINDOW_HEIGHT-RADIUS;
            balls[i].vy = - balls[i].vy*0.6;
        }
    }

    //对页面进行性能优化
    var cnt=0;
    for (var i=0;i<balls.length;i++) {
        if(balls[i].x+RADIUS>0&&balls[i].x-RADIUS<WINDOW_WIDTH){
            balls[cnt++]=balls[i];
        }
    }
    while(balls.length>cnt){
        //删除数组中的内容
        balls.pop();
    }
}

function addBalls(x,y,num){
    for( var i = 0  ; i < digit[num].length ; i ++ ){
        for( var j = 0  ; j < digit[num][i].length ; j ++ ){
            if( digit[num][i][j] == 1 ){
                var aBall = {
                    x:x+j*2*(RADIUS+1)+(RADIUS+1),
                    y:y+i*2*(RADIUS+1)+(RADIUS+1),
                    g:1.5+Math.random(),
                    vx:Math.pow( -1 , Math.ceil( Math.random()*1000 ) ) * 4,
                    vy:-5,
                    color: colors[ Math.floor( Math.random()*colors.length ) ]
                };
                balls.push( aBall )    ;
            }
        }
    }
}


function render(ctx){
    //清除之前画的内容
    ctx.clearRect(0,0,WINDOW_WIDTH,WINDOW_HEIGHT);
    var hours=parseInt(curShowTimeSeconds/3600);
    var minutes=parseInt((curShowTimeSeconds-hours*3600)/60);
    var seconds=parseInt(curShowTimeSeconds%60);
    //小时的绘制
    //设置允许空格
    renderDigit(MARGIN_LEFT,MARGIN_TOP,parseInt(hours/10),ctx);
    //x、y的位置为加上第一个数字占用的空间，加1是为了留下一定的空格
    renderDigit(MARGIN_LEFT+16*(RADIUS+1),MARGIN_TOP,parseInt(hours%10),ctx);
    renderDigit(MARGIN_LEFT+32*(RADIUS+1),MARGIN_TOP,10,ctx);

    //分钟的绘制
    renderDigit(MARGIN_LEFT+40*(RADIUS+1),MARGIN_TOP,parseInt(minutes/10),ctx);
    renderDigit(MARGIN_LEFT+56*(RADIUS+1),MARGIN_TOP,parseInt(minutes%10),ctx);
    renderDigit(MARGIN_LEFT+72*(RADIUS+1),MARGIN_TOP,10,ctx);

    //秒钟的绘制
    renderDigit(MARGIN_LEFT+80*(RADIUS+1),MARGIN_TOP,parseInt(seconds/10),ctx);
    renderDigit(MARGIN_LEFT+96*(RADIUS+1),MARGIN_TOP,parseInt(seconds%10),ctx);

    //绘制弹跳的小球
    for( var i = 0 ; i < balls.length ; i ++ ){
        ctx.fillStyle=balls[i].color;

        ctx.beginPath();
        ctx.arc( balls[i].x , balls[i].y , RADIUS , 0 , 2*Math.PI , true );
        ctx.closePath();

        ctx.fill();
    }

}

//绘制时分秒的数字
function renderDigit(x,y,num,ctx){
    ctx.fillStyle="rgb(0,102,153)";
    //循环digit数组里面的数据
    //循环digit[0],则表示digit里面的第一个数组
    //digit[0]也是一个数组，他的长度是10

    for (var i=0;i<digit[num].length;i++) {
        //循环digit[0]第i个数组的长度
        for (var j=0;j<digit[num][i].length;j++) {
            //如果数字是1的话则绘制一个圆
            if(digit[num][i][j]==1){
                ctx.beginPath();
                ctx.arc(x+j*2*(RADIUS+1)+(RADIUS+1),y+i*2*(RADIUS+1)+(RADIUS+1),RADIUS,0,2*Math.PI,true);
                ctx.closePath();
                ctx.fill();
            }
        }
    }
}
index.html
<!DOCTYPE html>
<html style="height: 100%">
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body style="height:100%;width: 100%;">
    <canvas id="canvas" style="height:100%">
        当前浏览器不支持Canvas，请更换浏览器后再试
    </canvas>

    <script src="digit.js"></script>
    <script src="countdown.js"></script>
</body>
</html>


                

        

    






  



  

    

      标签
      

          #canvas 
      

    

  







    



                



	

		

			

				
					
canvas绘图， 倒计时特效时钟

				
			

			

				

					胡桃夹子
				

				

					11-01
					
					1926
					
				

			

		

		

			
				
/** 参数为html文档上画布canvas的id,必须有canvas元素,把canvas的id填入此处,作为参数传入* write by: zhuxiangfei* QQ: 1032983642@qq.com*/function clock(canvas_id){!function(canvas_id){"begin of api";var width = 1000;//绘制主要以width为参

			
		

	



                

            
              



	

		

			

				
					
canvas画数字

				
			

			

				

					chairr的博客
				

				

					02-17
					
					3725
					
				

			

		

		

			
				
canvas

			
		

	



              


  
              

                


	

		

			

				
					
android绘制时钟，canvas学习

				
			

			

				

					Li_water的博客
				

				

					04-06
					
					319
					
				

			

		

		

			
				
自定义View，新建ClickView类继承View

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.util.Log;
import andro

			
		

	





	

		

			

				
					
Canvas的初识——模拟表盘数字绘制

				
			

			

				

					事情往往烟消云散
				

				

					08-29
					
					3246
					
				

			

		

		

			
				
看了题目，大家都该知道，我今天想说些什么了，是的，我今天想说说Canvas这个android中的让人摸不着头脑的元素，对于Canvas很多人都知道他就是用来画东西的，其他的也没啥用，是啊，说的没错，它就是用来画东西的，可能刚接触android的童鞋们不了解，但是有一定时间开发经验的小伙伴们都知道，Canvas是走进android高级开发道路上必不可少的，那么它究竟有什么地方让我们这么捉摸不透呢？下面

			
		

	



		

			
		



	

		

			

				
					
canvas绘制竖排的数字_Canvas绘制圆点线段

				
			

			

				

					weixin_29005499的博客
				

				

					01-04
					
					277
					
				

			

		

		

			
				
最近一个小伙遇到一个需求，客户需要绘制圆点样式的线条。 大致效果是这样的：圆点线思路一：计算并使用arc填充他自己实现了一种思路，然后咨询我有没有更好的思路。 先看看他的思路是如何实现的，大致代码如下：// 绘制圆点线，通过计算在线条上进行插值运算，计算出需要绘制圆点的一系列点位
// 然后调用drawDot方法绘制圆点
 function DrawDottedLine(x1,y1,x2,y2,d...

			
		

	





	

		

			

				
					
用Canvas绘制一个数字键盘

				
			

			

				

					知足常乐
				

				

					11-16
					
					1534
					
				

			

		

		

			
				
用Canvas轻轻松松搞一个数字键盘，本身没什么难度，这种效果实现的方式也是多种多样，这篇只是其中的一种，要说本篇有什么特别之处，可能就是纯绘制，没有用到其它的任何资源

			
		

	





	

		

			

				
					
canvas基础绘制-倒计时(下)

				
			

			

				

					QDY5945的博客
				

				

					11-06
					
					114
					
				

			

		

		

			
				
digit_1.js: digit = [ [ [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...

			
		

	





	

		

			

				
					
canvas绘制倒计时

				
			

			

				

					风舞红枫的个人博客
				

				

					03-05
					
					617
					
				

			

		

		

			
				
canvas绘制倒计时

			
		

	





	

		

			

				
					
小程序canvas绘制倒计时

				
			

			

				

					梦逸灵箭——的博客
				

				

					08-31
					
					1006
					
				

			

		

		

			
				
如果本文对你有用，请爱心点个赞，提高排名，帮助更多的人。谢谢大家！❤

如果解决不了，可以在文末进群交流。





效果展示：





 //广告倒计时
  advTimeCountDown:function(advTime){
    var step = 1,//计数动画次数
      num = 0,//计数倒计时秒数（n - num）
      start = 1.5 * M...

			
		

	





	

		

			

				
					
canvas--圆形倒计时

				
			

			

				

					weixin_42069147的博客
				

				

					06-19
					
					305
					
				

			

		

		

			
				
<canvas width="500px;" height="400px;" id="canvas"></canvas>
    <div class="canvas-djs">

    </div>

    <script>
    //canvas 倒计时
    var canvas2 = document.getEleme...

			
		

	





	

		

			

				
					
HTML5 canvas JavaScript 绘制图形

				
			

			

				

					allway2的博客
				

				

					07-08
					
					931
					
				

			

		

		

			
				
在本教程中，您将学习如何使用 HTML5 画布元素在网页上绘制图形。

什么是canvas ？

HTML5 canvas 元素可用于通过 JavaScript 在网页上绘制图形。画布最初是由 Apple 为 Mac OS 仪表板小部件引入的，并为 Safari 网络浏览器中的图形提供动力。后来它被火狐、谷歌浏览器和歌剧采用。现在，画布是用于下一代 Web 技术的新 HTML5 规范的一部分。

默认情况下，<canvas>元素有 300 像素的宽度和 150 像素的高度，没有任何边框和内容。但

			
		

	





	

		

			

				
					
HTML5利用canvas绘制数字流星雨

				
			

			

				

					weixin_45712370的博客
				

				

					03-22
					
					355
					
				

			

		

		

			
				
直接负责粘贴  嘎嘎好用

			
		

	





	

		

			

				
					
用canvas画一个炫酷的粒子动画倒计时

				
			

			

				

					小陈的博客
				

				

					02-28
					
					3330
					
				

			

		

		

			
				
canvas是HTML5中新增的一个标签，主要是用于网页实时生成图像并可操作图像，它是用JavaScript操作的bitmap。🤨 在JavaScript中定义所需的变量numberStage - stageCenterY 这一块主要是定义画布宽高和坐标countdownFrom 从 10 开始倒计时countdownTimer 数字显示的时长countdownRunning 动起来colors 页面上所有粒子颜色其他的可以自己理解一下哦~

			
		

	





	

		

			

				
					
Canvas实现绚丽的倒计时效果（动画效果）

				
			

			

				

					xxhy的博客
				

				

					11-01
					
					1509
					
				

			

		

		

			
				
HTMLhtml很简单，引入两个文件digit.js：存放每个数字的点阵数据 
countdown.js：主要逻辑<!DOCTYPE html>
<html lang="en">
<head>![这里写图片描述](http://img.blog.csdn.net/20161101175756119)
    <meta charset="UTF-8">
    <title>绚丽的倒计时效果</ti

			
		

	





	

		

			

				
					
canvas环形倒计时

				
			

			

				

					weixin_33726313的博客
				

				

					11-04
					
					453
					
				

			

		

		

			
				
效果如下图一：

canvas环形倒计时
Canvas环形倒计时是基于Canvas实现的倒计时，建议于移动端使用
Canvas环形倒计时 下载地址
一、如何使用
1. html代码
ID属性可随意取名
<canvas id="canvas"></canvas>
复制代码2. 引入process.js文件
页面引用
<script src="js/process.js"...

			
		

	





	

		

			

				
					
更新——Canvas画布动画效果之实现倒计时

				
			

			

				

					weixin_30408309的博客
				

				

					10-14
					
					350
					
				

			

		

		

			
				
Hello，大家好！
小W复活啦！继续欢乐的给大家更博，输送新知识~~
不开玩笑啦！秒进正题~~~
上次更博，小W给大家介绍了Canvas画布的基础部分，以及实现了一个由7*10点阵图显示的倒计时的基本架构。
上次的效果如下图所示，仅仅只是一个时间的静态显示而已：

今天呢，小W想实现就是，让它开始倒计时！效果先给大家看一下：

Canvas画布用于图形的绘制、动画，都是通过脚本（...

			
		

	





	

		

			

				
					
用canvas来做多彩数字

				
			

			

				

					冰棱的血腥
				

				

					10-19
					
					1173
					
				

			

		

		

			
				
作为前端开发，想必大家都看过产品跟UI设计的美轮美奂的设计图吧，那真是精彩绝伦，创意无限啊，但是问题来了，你要让我用代码全部给你还原？喂！产品你过来一下，我有话跟你说！

咳咳，其实也没那么难了，车到山前必有路不是嘛！


上面这两种数字表现形式经常在各种活动页面端用到，这种字直接用css肯定写不出来，你让UI给你一段固定的数字，也不现实啊，数字得随时变化。接下来canvas登场。
首先把所有的数...

			
		

	





	

		

			

				
					
canvas绘制竖排的数字_Shader:数字雨

				
			

			

				

					weixin_42449422的博客
				

				

					12-28
					
					306
					
				

			

		

		

			
				
Shader:数字雨目标效果实现步骤最终代码Shader:数字雨目标效果目标效果实现步骤直接绘制数字过于麻烦，所以使用了纹理。如图:资源 由于资源颜色和需要的不一致，最后输出时有部分调整。color.a*=(1.-color.r);
color.g+=1.;1.首先实现没有随机的效果     float speed=10.;    // 下落速度
    float fade=10.;     /...

			
		

	





	

		

			

				
					
canvas 文字颜色_canvas 中普通动效与粒子动效的实现

				
			

			

				

					weixin_39622988的博客
				

				

					11-28
					
					164
					
				

			

		

		

			
				
(给前端大全加星标，提升前端技能)作者：薄荷前端https://github.com/BooheeFE/weekly/issues/26canvas 用于在网页上绘制图像、动画，可以将其理解为画布，在这个画布上构建想要的效果。canvas 可以绘制动态效果，除了常用的规则动画之外，还可以采用粒子的概念来实现较复杂的动效，本文分别采用普通动效与粒子特效实现了一个简单的时钟。普通时钟普通动效...

			
		

	





	

		

			

				
					
使用 compose 的 Canvas 自定义绘制实现 LCD 显示数字效果

				
			

			

				

					sinat_17133389的博客
				

				

					08-09
					
					836
					
				

			

		

		

			
				
compose 的 Canvas 的自定义绘制相比于原生 view 的绘制简单的多，因为少了很多模板代码，也不用去考虑生命周期的问题。但是简单也有简单的劣势，那就是可定制性相比于原生 view 没有那么多，少了一些方法。对了，写完这个“仿真”显示界面，我突然觉得好像“仿真”计算器并没有什么意思，所以决定不做这个类型的了（笑。...

			
		

	



              




          





        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值