【Canvas与钟表】彩虹表盘

已于 2024-09-06 12:21:21 修改
阅读量549 收藏 7
点赞数 14
分类专栏： 艺术 文章标签： canvas 表盘
于 2024-09-06 12:11:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/River_Sun/article/details/141956411
版权

【成图】

【代码】

<!DOCTYPE html>
<html lang="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
     <title>381.彩虹表盘</title>
     <style type="text/css">
     .centerlize{
        margin:0 auto;
        width:1200px;
     }
     </style>
     </head>

     <body οnlοad="init();">
        <div class="centerlize">
            <canvas id="myCanvas" width="12px" height="12px" style="border:1px dotted black;">
                如果看到这段文字说您的浏览器尚不支持HTML5 Canvas，请更换浏览器再试.
            </canvas>
            <img id="myImg" src="381.jpg" style="display:none;"/>
        </div>
     </body>
</html>
<script type="text/javascript">
<!--
/*****************************************************************
* 将全体代码(从<!DOCTYPE到script>)拷贝下来，粘贴到文本编辑器中，
* 另存为.html文件，再用chrome浏览器打开，就能看到实现效果。
******************************************************************/

// canvas的绘图环境
var ctx;

// 高宽
const WIDTH=512;
const HEIGHT=512;

// 舞台对象
var stage;

//-------------------------------
// 初始化
//-------------------------------
function init(){
    // 获得canvas对象
    var canvas=document.getElementById('myCanvas');  
    canvas.width=WIDTH;
    canvas.height=HEIGHT;

    // 初始化canvas的绘图环境
    ctx=canvas.getContext('2d');  
    ctx.translate(WIDTH/2,HEIGHT/2);// 原点平移

    // 准备
    stage=new Stage();    
    stage.init();

    // 开幕
    animate();
}

// 播放动画
function animate(){    
    stage.update();    
    stage.paintBg(ctx);
    stage.paintFg(ctx);     

    // 循环
    if(true){
        //sleep(100);
        window.requestAnimationFrame(animate);   
    }
}

// 舞台类
function Stage(){
    // 初始化
    this.init=function(){
        
    }

    // 更新
    this.update=function(){    
        
    }

    // 画背景
    this.paintBg=function(ctx){
        ctx.clearRect(-WIDTH/2,-HEIGHT/2,WIDTH,HEIGHT);// 清屏    
    }

    // 画前景
    this.paintFg=function(ctx){
        // 底色
        ctx.fillStyle = "white";
        ctx.fillRect(-WIDTH/2,-HEIGHT/2,WIDTH,HEIGHT);        
        
        // 表盘半径，基准尺寸
        const R=220;

        // 外凸圈
        var r=R+22;
        ctx.save();
        ctx.beginPath();
        ctx.arc(0,0,r,0,Math.PI*2,false);
        ctx.closePath();
        var lgrd=ctx.createLinearGradient(-r,-r,2*r,2*r);
        lgrd.addColorStop(0,"rgb(255,180,111)");
        lgrd.addColorStop(1,"rgb(0,0,0)");
        ctx.fillStyle=lgrd;
        ctx.fill();

        // 中圈
        ctx.save();
        ctx.rotate(Math.PI*5/4);
        var r=R+20;
        ctx.beginPath();
        ctx.arc(0,0,r,0,Math.PI*2,false);
        ctx.closePath();
        ctx.clip();
        var img=document.getElementById("myImg");
        ctx.drawImage(img,0,0,300,300,-r,-r,2*r,2*r);
        ctx.restore();

        // 合掌回文
        drawPalmLoopOnmt(ctx,0,0,r-5,48,"gold");

        // 内凹圈
        var r=R+2;
        ctx.beginPath();
        ctx.arc(0,0,r,0,Math.PI*2,false);
        ctx.closePath();
        var lgrd=ctx.createLinearGradient(-r,-r,2*r,2*r);
        lgrd.addColorStop(0,"rgb(151,124,0)");
        lgrd.addColorStop(1,"rgb(255,180,111)");
        ctx.fillStyle=lgrd;
        ctx.fill();

        // 表盘
        var colors=["rgb(36,35,75)",
                    "rgb(40,50,122)",
                    "rgb(31,62,142)",
                    "rgb(27,146,189)",
                    "rgb(111,192,219)",// #5
                    "rgb(89,184,186)",
                    "rgb(76,180,131)",
                    "rgb(45,164,64)",
                    "rgb(65,154,64)",
                    "rgb(112,182,70)",// #10
                    "rgb(176,200,40)",
                    "rgb(222,217,39)",
                    "rgb(244,229,64)",
                    "rgb(245,191,39)",
                    "rgb(245,182,24)",// #15
                    "rgb(242,169,38)",
                    "rgb(234,128,19)",
                    "rgb(231,91,40)",
                    "rgb(225,51,50)",
                    "rgb(214,28,29)",// #20
                    "rgb(196,31,35)",
                    "rgb(187,26,104)",
                    "rgb(148,35,78)",
                    "rgb(103,31,95)",
                    "rgb(58,42,113)",// #25
                    "rgb(42,42,92)",
                    "rgb(42,36,80)",
        ]
        const N=colors.length;
        const PART=2*R/N;
        for(var i=0;i<N;i++){
            var startX=-1*R+i*PART;
            var startY=Math.sqrt(R*R-startX*startX);
            var endX=startX+PART;
            var endY=Math.sqrt(R*R-endX*endX);

            var a=createPt(startX,-startY);
            var b=createPt(endX,-endY);
            var c=createPt(endX,endY);
            var d=createPt(startX,startY);

            ctx.save();
            ctx.fillStyle=colors[i];
            ctx.beginPath();            
            ctx.moveTo(a.x,a.y);            
            ctx.arc(0,0,R,getRad(a.x,a.y),getRad(b.x,b.y),false);
            ctx.lineTo(b.x,b.y);
            ctx.lineTo(c.x,c.y);
            ctx.arc(0,0,R,getRad(c.x,c.y),getRad(d.x,d.y),false);
            ctx.lineTo(d.x,d.y);
            ctx.lineTo(a.x,a.y);
            ctx.closePath();
            ctx.fill();
            ctx.restore();
        }

        // 刻度
        var r=R/20*19;
        for(var i=0;i<60;i++){
            var theta=i*Math.PI/30;
            var pt=createPt(r*Math.cos(theta),r*Math.sin(theta));
            drawSolidCircle(ctx,pt.x,pt.y,(i%5==0)?3:1,"black");
        }

        // 数字
        r=R/20*16;
        var hours=["Ⅲ","Ⅳ","Ⅴ","Ⅵ","Ⅶ","Ⅷ","Ⅸ","Ⅹ","Ⅺ","Ⅻ","Ⅰ","Ⅱ"]; 
        for(var i=0;i<12;i++){
            var theta=i*Math.PI/6;
            var pt=createPt(r*Math.cos(theta),r*Math.sin(theta));

            ctx.save();
            ctx.translate(pt.x,pt.y);
            ctx.rotate(theta+Math.PI/2);
            ctx.font="16px Microsoft YaHei UI";
            ctx.textAlign="center";
            ctx.textBaseLine="Middle";
            ctx.fillStyle="black";
            ctx.fillText(hours[i],0,0);
            ctx.restore();
        }

        // 得到当前时间
        var now=new Date();
        var s=now.getSeconds();
        var m=now.getMinutes();
        var h=now.getHours()+m/60;

        // 画时针
        ctx.save();
        ctx.rotate(h*Math.PI/6-Math.PI/2);
        ctx.beginPath();
        ctx.moveTo(0,0);
        ctx.lineTo(-R/11,0);
        ctx.lineTo(-R/11,R/55);
        ctx.lineTo(R-100,R/55);
        ctx.lineTo(R-90,0);
        ctx.closePath();
        ctx.fillStyle="rgb(171,172,166)";
        ctx.fill();

        ctx.beginPath();
        ctx.moveTo(0,0);
        ctx.lineTo(-R/11,0);
        ctx.lineTo(-R/11,-R/55);
        ctx.lineTo(R-100,-R/55);
        ctx.lineTo(R-90,0);
        ctx.closePath();
        ctx.fillStyle="rgb(252,252,250)";
        ctx.fill();

        ctx.beginPath();
        ctx.moveTo(R-140,1);
        ctx.lineTo(R-110,1);
        ctx.lineTo(R-110,-1);
        ctx.lineTo(R-140,-1);
        ctx.closePath();
        ctx.fillStyle="red";
        ctx.fill();

        ctx.restore();

        // 画分针
        ctx.save();
        ctx.rotate(m*Math.PI/30-Math.PI/2);

        ctx.beginPath();
        ctx.moveTo(0,0);
        ctx.lineTo(-R/10,0);
        ctx.lineTo(-R/10,R/55);
        ctx.lineTo(R-40,R/55);
        ctx.lineTo(R-30,0);
        ctx.closePath();
        ctx.fillStyle="rgb(171,172,166)";
        ctx.fill();

        ctx.beginPath();
        ctx.moveTo(0,0);
        ctx.lineTo(-R/10,0);
        ctx.lineTo(-R/10,-R/55);
        ctx.lineTo(R-40,-R/55);
        ctx.lineTo(R-30,0);
        ctx.closePath();
        ctx.fillStyle="rgb(252,252,250)";
        ctx.fill();

        ctx.beginPath();
        ctx.moveTo(R-80,1);
        ctx.lineTo(R-50,1);
        ctx.lineTo(R-50,-1);
        ctx.lineTo(R-80,-1);
        ctx.closePath();
        ctx.fillStyle="rgb(49,49,49)";
        ctx.fill();
        
        ctx.restore();

        // 画秒针
        ctx.save();
        ctx.rotate(s*Math.PI/30-Math.PI/2);

        ctx.beginPath();
        ctx.moveTo(0,0);
        ctx.lineTo(-R/9,0);
        ctx.lineTo(-R/9,R/110);
        ctx.lineTo(R-40,R/110);
        ctx.lineTo(R-40,R/110*3);
        ctx.lineTo(R-10,0);
        ctx.closePath();
        ctx.fillStyle="rgb(171,172,166)";
        ctx.fill();

        ctx.beginPath();
        ctx.moveTo(0,0);
        ctx.lineTo(-R/9,0);
        ctx.lineTo(-R/9,-R/110);
        ctx.lineTo(R-40,-R/110);
        ctx.lineTo(R-40,-R/110*3);
        ctx.lineTo(R-10,0);
        ctx.closePath();
        ctx.fillStyle="rgb(252,252,250)";
        ctx.fill();

        ctx.beginPath();
        ctx.moveTo(R-35,2);
        ctx.lineTo(R-29,0);
        ctx.lineTo(R-35,-2);
        ctx.closePath();
        ctx.fillStyle="lime";
        ctx.fill();

        ctx.restore();

        // 画中心小圆点
        ctx.beginPath();
        ctx.arc(0,0,6,0,Math.PI*2,true);
        ctx.closePath();
        ctx.fillStyle="rgb(251,143,56)";
        ctx.fill();

        ctx.beginPath();
        ctx.arc(0,0,2,0,Math.PI*2,true);
        ctx.closePath();
        ctx.fillStyle="rgb(49,49,49)";
        ctx.fill();

        writeText(ctx,WIDTH/2-30,HEIGHT/2-5,"逆火原创","8px consolas","lightgrey");// 版权
    }
}

/*----------------------------------------------------------
函数:用于绘制环形合掌纹回文纹饰
ctx:绘图上下文
x:边纹中心横坐标
y:边纹中心纵坐标
radius:半径
n:个数
color:描边颜色或填充颜色
----------------------------------------------------------*/
function drawPalmLoopOnmt(ctx,x,y,radius,n,color){
    ctx.save();
    ctx.translate(x,y);
    // 合掌纹饰绘制开始
    const R=radius;             // 最外缘半径
    var   N=n;                 // 个数
    ctx.lineWidth=2;
    const T=R/24;             // 厚度，外缘到内缘的厚度
    const PART_T=T/3;         // 三分之一厚度
    const ANGLE=Math.PI*2/N; //分度角
    const PART_ANGLE=ANGLE/8;// 分度角的八分之一
            
    for(var i=0;i<N;i++){
        var theta=Math.PI*2/N*i;
        var r=R-T;
        var a=createPt(r*Math.cos(theta),r*Math.sin(theta));
        var b=createPt(r*Math.cos(theta+PART_ANGLE),r*Math.sin(theta+PART_ANGLE));

        r=T;
        var angle=theta+PART_ANGLE;
        var c=createPt(b.x+r*Math.cos(angle),b.y+r*Math.sin(angle));

        r=R;
        var d=createPt(r*Math.cos(theta+4*PART_ANGLE),r*Math.sin(theta+4*PART_ANGLE));

        angle=theta+4*PART_ANGLE+Math.PI;
        r=2*PART_T;
        var e=createPt(d.x+r*Math.cos(angle),d.y+r*Math.sin(angle));

        angle=theta+3*PART_ANGLE;
        r=R-2*PART_T;
        var f=createPt(r*Math.cos(angle),r*Math.sin(angle));

        angle=theta+3*PART_ANGLE;
        r=R-1*PART_T;
        var g=createPt(r*Math.cos(angle),r*Math.sin(angle));

        angle=theta+2*PART_ANGLE;
        r=R-1*PART_T;
        var h=createPt(r*Math.cos(angle),r*Math.sin(angle));

        angle=theta+2*PART_ANGLE;
        r=R-T;
        var j=createPt(r*Math.cos(angle),r*Math.sin(angle));

        angle=theta+7*PART_ANGLE;
        r=R-T;
        var k=createPt(r*Math.cos(angle),r*Math.sin(angle));

        angle=theta+7*PART_ANGLE;
        r=R-1*PART_T;
        var l=createPt(r*Math.cos(angle),r*Math.sin(angle));

        angle=theta+6*PART_ANGLE;
        r=R-1*PART_T;
        var m=createPt(r*Math.cos(angle),r*Math.sin(angle));

        angle=theta+6*PART_ANGLE;
        r=R-2*PART_T;
        var n=createPt(r*Math.cos(angle),r*Math.sin(angle));

        angle=theta+5*PART_ANGLE;
        r=R-2*PART_T;
        var o=createPt(r*Math.cos(angle),r*Math.sin(angle));

        angle=theta+5*PART_ANGLE;
        r=R;
        var p=createPt(r*Math.cos(angle),r*Math.sin(angle));

        angle=theta+8*PART_ANGLE;
        r=R;
        var q=createPt(r*Math.cos(angle),r*Math.sin(angle));

        angle=theta+8*PART_ANGLE;
        r=R-T;
        var s=createPt(r*Math.cos(angle),r*Math.sin(angle));
        
        ctx.strokeStyle=color;
        ctx.beginPath();
        ctx.moveTo(a.x,a.y);
        ctx.arc(0,0,R-T,theta,theta+PART_ANGLE,false);
        ctx.lineTo(b.x,b.y);
        ctx.lineTo(c.x,c.y);
        ctx.arc(0,0,R,theta+PART_ANGLE,theta+4*PART_ANGLE,false);
        ctx.lineTo(d.x,d.y);
        ctx.lineTo(e.x,e.y);
        ctx.arc(0,0,R-2*PART_T,theta+4*PART_ANGLE,theta+3*PART_ANGLE,true);
        ctx.lineTo(f.x,f.y);
        ctx.lineTo(g.x,g.y);
        ctx.arc(0,0,R-1*PART_T,theta+3*PART_ANGLE,theta+2*PART_ANGLE,true);
        ctx.lineTo(h.x,h.y);
        ctx.lineTo(j.x,j.y);
        ctx.arc(0,0,R-T,theta+2*PART_ANGLE,theta+7*PART_ANGLE,false);
        ctx.lineTo(k.x,k.y);
        ctx.lineTo(l.x,l.y);
        ctx.arc(0,0,R-1*PART_T,theta+7*PART_ANGLE,theta+6*PART_ANGLE,true);
        ctx.lineTo(m.x,m.y);
        ctx.lineTo(n.x,n.y);
        ctx.arc(0,0,R-2*PART_T,theta+6*PART_ANGLE,theta+5*PART_ANGLE,true);
        ctx.lineTo(o.x,o.y);
        ctx.lineTo(p.x,p.y);
        ctx.arc(0,0,R,theta+5*PART_ANGLE,theta+8*PART_ANGLE,false);
        ctx.lineTo(q.x,q.y);
        ctx.lineTo(s.x,s.y);
        
        ctx.stroke();
    }

    ctx.restore();
}

/*----------------------------------------------------------
函数:由坐标得到弧度
x:点横坐标
y:点纵坐标
----------------------------------------------------------*/
function getRad(x,y){
    var r=Math.sqrt(x*x+y*y);
    var theta=Math.asin(Math.abs(y)/r);

    if(x>=0 && y>=0){
        return theta;
    }else if(x<0 && y>=0){
        return Math.PI-theta;
    }else if(x<0 && y<0){
        return Math.PI+theta;
    }else if(x>=0 && y<0){
        return -theta;
    }

    return null;
}

/*----------------------------------------------------------
函数:用于绘制实心圆,用途是标记点以辅助作图
ctx:绘图上下文
x:矩形中心横坐标
y:矩形中心纵坐标
r:圆半径
color:填充圆的颜色
----------------------------------------------------------*/
function drawSolidCircle(ctx,x,y,r,color){
    ctx.fillStyle=color;
    ctx.beginPath();
    ctx.arc(x,y,r,0,Math.PI*2,false);
    ctx.closePath();
    ctx.fill();
}

/*----------------------------------------------------------
函数:创建一个二维坐标点
x:横坐标
y:纵坐标
Pt即Point
----------------------------------------------------------*/
function createPt(x,y){
    var retval={};
    retval.x=x;
    retval.y=y;
    return retval;
}

/*----------------------------------------------------------
函数:延时若干毫秒
milliseconds:毫秒数
----------------------------------------------------------*/
function sleep(milliSeconds) {
    const date = Date.now();
    let currDate = null;
    while (currDate - date < milliSeconds) {
        currDate = Date.now();
    } 
}

/*----------------------------------------------------------
函数:书写文字
ctx:绘图上下文
x:横坐标
y:纵坐标
text:文字
font:字体
color:颜色
----------------------------------------------------------*/
function writeText(ctx,x,y,text,font,color){
    ctx.save();
    ctx.textBaseline="bottom";
    ctx.textAlign="center";
    ctx.font = font;
    ctx.fillStyle=color;
    ctx.fillText(text,x,y);
    ctx.restore();
}

/*-------------------------------------------------------------
有些人，活了一辈子，
其实不过是认真过了一天，其余时间都在重复这一天而已，
也有人每天不重样，看似折腾，却活出了滋味。

遗憾的是，大多数人都活成了前一种人。

八点吃饭，然后挤上充斥着各种味道的地铁，坐在办公室做着和前一天同样的工作，
午饭时间到昨天去过的餐厅点同一份套餐，
下班后刷会儿微博，聊会儿微信，然后上床睡觉。

第二天，闹钟响起，继续重复和前一天同样的事情。

他们抱怨生活千篇一律，下一秒又告诉自己不安分的生活会有多危险；
他们羡慕那些说走就走的人，转瞬又告诉自己外面不安全，还是家里好。

他们也曾认为自己很独特，
但最终还是选择了妥协，
过着千篇一律的生活，
做着千篇一律的事情。

大多数人都输在了这里。
--------------------------------------------------------------*/
//-->
</script>

【底图381.jpg】

END

普兰店拉马努金
关注
  • 14
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Canvas---Canvas绘制钟表，仪表盘
MIKUScallion的专栏
01-29 6556
Canvas绘制钟表，仪表盘。 《HTML5 Canvas核心技术》这本书在代码方面，没有丝毫注解，我感觉看的挺费劲，如果你想买书的话，最好还是先下本pdf看看吧。 下面是表盘的绘制图解 函数顺序是按照上图的顺序来写的，最后我为仪表加上了样式。 源代码： canvas{ bord
使用canvas绘制钟表
11-06
本教程将详细介绍如何使用canvas绘制一个动态的钟表，这涉及到JavaScript和Canvas API的基础知识。 首先，我们需要在HTML页面中创建一个canvas元素，并设置其id以便在JavaScript中引用： ```html <canvas id=...
纯JS+Vue和canvas实现一个仪表盘
菜就多练
07-31 3399
【代码】纯JS+Vue实现一个仪表盘。
canvas绘制简易百分比仪表盘dashboard
小记心得
06-27 4984
由于最近工作中，经常会遇到一些动态百分比的仪表盘，一开始都是用图片样式方式实现； 但是随着越来越多的项目，决定用canvas绘制一个简易的仪表盘，便于以后项目中直接使用； 现版本只是书写为方法形式，也许之后会有时间对其优化为插件形式。 简简单单而已，以下直接给出代码： canvas绘制简易百分比仪表盘dash
小程序Canvas制作表盘
Jon Son的博客
06-11 2431
小程序canvas制作表盘 小程序中使用canvas如何制作表盘呢？刚开始接触小程序canvas的时候，脑袋都大了一圈，实现功能了又太耗性能，优化了性能，功能又出问题了。刚好手上有个实时监测pm2.5的项目，花了点时间把其中的canvas表盘扣出来做了一个组件 实现思路 画背景 先画圆（刻度间有间隔）——> 再给每个方位设置上刻度值（坐标点调了半天） 实现进度动画 设定区间变更的颜色...
canvas绘制时钟表盘
djz917的博客
06-08 2056
关于canvas的API操作详情请阅读文档https://www.runoob.com/html/html5-canvas.html先来看下效果图：首先，需要绘制两个圆形作为表盘var drawing=document.getElementById("drawing"); var context=drawing.getContext("2d"); context.beginPath(); //绘...
canvas实现钟表效果
08-31
在钟表的例子中，我们主要利用了Canvas的绘图方法和时间处理来实现动态的时针、分针和秒针。 首先，我们需要在HTML文档中创建一个`<canvas>`元素，用于展示我们的钟表。在这个例子中，`<canvas>`元素的id为"canvas1...
微信小程序基于canvas渐变实现的彩虹效果示例
10-17
本文将详细讲解如何使用微信小程序中的canvas元素结合线性渐变和圆形渐变技术，来实现炫酷的彩虹效果。 首先，Canvas API 提供了 `createLinearGradient()` 和 `createCircularGradient()` 两个方法来创建渐变。`...
canvas绘制表盘时钟
08-31
总的来说，使用Canvas API绘制表盘时钟是一个很好的实践项目，它展示了如何利用JavaScript和Canvas API实现动态、交互式的网页图形。这个过程涉及到数学（如角度计算）、时间和日期处理，以及图形绘制技巧，对提升...
Django 安装包 linux
09-05
Django 安装包 主要应用于linux
#-ssm-056-mysql-水稻朔源信息系统.zip
09-05
水稻朔源信息系统
基于springboot毕业设计成绩管理系统的设计与实现.docx
09-05
基于springboot毕业设计成绩管理系统的设计与实现.docx
全球与中国工业内窥镜市场现状及未来发展趋势（2024版）.docx
09-05
全球与中国工业内窥镜市场现状及未来发展趋势（2024版）.docx
SWAN-time.bin
09-05
SWAN-time.bin
“人力资源+大数据+薪酬报告+涨薪调薪”
09-05
人力资源+大数据+薪酬报告+涨薪调薪，在学习、工作生活中，越来越多的事务都会使用到报告，通常情况下，报告的内容含量大、篇幅较长。那么什么样的薪酬报告才是有效的呢？以下是小编精心整理的调薪申请报告，欢迎大家分享。相信老板看到这样的报告，一定会考虑涨薪的哦。
Avanza-0.0.6-py3-none-any.whl.zip
09-05
Avanza-0.0.6-py3-none-any.whl.zip
人大金仓Kingbase数据库安装教程
09-05
一起探索数据库世界的无限可能！
单片机课程设计-自行车里程计设计报告.doc
09-05
由于时间有限，本设计完成的功能减为两个，即测量并通过LED数码管进行动态显示当前的速度和里程，并在超速时发出警报。 要求达到的各项指标及实现方法如下： 1. 利用霍尔传感器产生里程数的脉冲信号。 2. 对脉冲信号进行计数。 实现：利用单片机自带的计数器T1对霍尔传感器脉冲信号进行计数。 3. 对数据进行处理，要求用LED显示里程总数和即时速度。 实现：利用软件编程，对数据进行处理得到需要的数值。 最终实现目标：自行车的速度里程表具有里程、速度测试与显示功能，采用单片机作控制，显示电路可显示里程及速度。
基于Stm32F407的U盘IAP升级_Bootloader_UDisk_USB_FS.zip
最新发布
09-05
基于Stm32F407的U盘IAP升级_Bootloader_UDisk_USB_FS
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值