①万字《详解canvas api画图》小白前端入门教程（建议收藏）

最新推荐文章于 2023-07-18 18:00:37 发布
最新推荐文章于 2023-07-18 18:00:37 发布
阅读量6.9k 收藏 177
点赞数 135
分类专栏： 前端 文章标签： html5 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39032019/article/details/120769953
版权

🍅 作者：阿珊

🍅 作者简介：95后前端小姐姐，蓝桥签约作者，欢迎点赞、收藏、评论

🍅 粉丝专属福利：知识体系、面试题库、技术互助、简历模板。文末公众号领取

🍅 包邮送书（每周1-2次）：点赞、收藏、评论本文章即可参与或关注公众号「信息技术智库」回复「送书」

送书活动说明及每期开奖：https://blog.csdn.net/weixin_39032019/category_11380101.html

目录

canvas简介

canvas详解

在网页中创建canvas画布

使用JavaScript获取网页中的canvas对象

canvas坐标系

绘制图形：绘制直线

使用连续画线的方法绘制一个三角形

绘制图形：绘制矩形

绘制图形：绘制圆弧

使用arc()方法绘制圆弧

使用arc()方法画圆

指定如何绘制线段的末端

画一个正六边形

画一个笑脸

送书活动

参与方式一：

参与方式二：

canvas简介

canvas元素是HTML5中新增的一个用于绘图的重要元素。

在页面中增加一个canvas元素就相当于在网页中添加一块画布，之后就可以利用一系列的绘图指令，在“画布”上绘制图形。

在网页上使用canvas元素时，它会创建一块矩形区域。


用户可以自定义具体的大小或者设置canvas元素的其他特性。

在页面中加人了canvas元素后，可以通过Javascript来控制画布。

可以在其中添加图片/线条/文字等，也可以在里面进行绘图设置/高级动画等。

图片

canvas详解

<canvas id="xxx" height=… width=…>…</canvas>

说明：

  • id，canvas元素的标识id

  • height，画布高度，单位为像素

  • width，画布宽度，单位为像素

  • <canvas></canvas>之间指定当浏览器不支持canvas时显示的字符串

在网页中创建canvas画布

<canvas id="mycanvas" height=600 width=400> 您的浏览器不支持 canvas。 </canvas>

在Chrome等支持HTML5的浏览器创建一个空画布，什么都不显示。ie8以下会显示您的浏览器不支持 canvas。

使用JavaScript获取网页中的canvas对象

  • 在JavaScript中，可以使用document.getElementById()方法获取网页中指定id值的对象：

 document.getElementById(元素的id属性)

  • 获取id属性值为mycanvas对象的代码如下：

<script type="text/javascript">    var c=document.getElementById("mycanvas");   </script>

  • 得到的对象c即为mycanvas对象。

  • 要在其中绘图还需要获得mycanvas对象的2d渲染上下文（canvasRenderingContext2D）对象：

 var ctx=c.getContext("2d");

图片

canvas坐标系

canvas元素构建的画布，是一个基于二维(x,y)的网格。

坐标原点(0,0)位于canvas的左上角。

  • 从原点延x轴从左到右，取值依次递增。

  • 从原点延y轴从上到下，取值依次递增。

图片

图片

绘制图形：绘制直线

在网页中使用canvas元素定义一个canvas画布，用于绘画

<canvas id="mycanvas" height=… width=…>...</canvas>

使用JavaScript获取网页中的canvas对象，并获取canvas对象的2d上下文

var ctx = document.getElementById("mycanvas").getContext("2d");

调用beginPath()方法，指示开始创建路径

 ctx.beginPath();

调用moveTo(x, y)方法，将坐标移至起点(x,y)

 ctx.moveTo(x，y);

调用lineTo(x, y)方法，创建直线至点(x,y)的路径

 ctx.lineTo(x，y);

调用stroke()方法，绘制路径

 ctx.stroke();

画一条起点为(10, 10)、终点为(50, 50)的直线。

<canvas id="mycanvas" height=100 width=100>您的浏览器不支持 canvas。</canvas><script type="text/javascript">   function drawline() {  var c=document.getElementById("mycanvas");   // 获取网页中的canvas对象  var ctx=c.getContext("2d");  //获取canvas对象的上下文（2d绘图环境）  ctx.beginPath();  //  开始创建路径  ctx.moveTo(10,10);  // 创建路径的起点  ctx.lineTo(50,50); // 添加路径中的一个点  ctx.stroke();  // 绘制路径  }  window.addEventListener("load", drawline, false);//页面加载时触发drawline函数画直线</script>

使用连续画线的方法绘制一个三角形​​​​​​​

<canvas id="mycanvas" height=100 width=100>您的浏览器不支持 canvas。</canvas><script type="text/javascript">  function drawtriangle(){  var c=document.getElementById("mycanvas");  // 获取网页中的canvas对象  var ctx=c.getContext("2d");  //获取canvas对象的2d上下文  ctx.beginPath();  //  开始创建路径  ctx.moveTo(10,10);  // 将坐标移至路径起点  ctx.lineTo(10,100); // 向路径中添加一个点  ctx.lineTo(100,100); // 向路径中添加一个点  ctx.lineTo(10,10); // 向路径中添加一个点  ctx.stroke();  // 绘制路径  }  window.addEventListener("load", drawtriangle, true);//页面加载时触发drawtriangle函数画三角形</script>

图片

绘制图形：绘制矩形

使用rect()方法绘制矩形路径​​​​​​​

<canvas id="mycanvas" height=500 width=500>您的浏览器不支持 canvas。</canvas><script type="text/javascript">  function drawRect(){    var c=document.getElementById("mycanvas");  // 获取网页中的canvas对象    var ctx=c.getContext("2d");  //获取canvas对象的2d上下文    ctx.beginPath();  //  开始创建路径    ctx.rect(20,20, 100, 50);  // 创建左上顶点为(20, 20)、长100、宽50的矩形路径    ctx.stroke(); //绘制路径  }  window.addEventListener("load", drawRect, true); //页面加载时调用drawRect函数画矩形</script>

使用strokeRect()方法绘制矩形路径

  • 不需要使用beginPath()和stroke()即可绘制矩形边框

<canvas id="mycanvas" height=500 width=500>您的浏览器不支持 canvas。</canvas><script type="text/javascript">  function drawRect(){    var c=document.getElementById("mycanvas");  // 获取网页中的canvas对象    var ctx=c.getContext("2d");  //获取canvas对象的2d上下文    //ctx.beginPath();  //  开始创建路径    //ctx.rect(20,20, 100, 50);  // 创建左上顶点为(20, 20)、长100、宽50的矩形路径 ctx. strokeRect(20,20, 100, 50);     //ctx.stroke(); //绘制路径    }  window.addEventListener("load", drawRect, true); //页面加载时调用drawRect函数画矩形</script>

使用fillRect()方法填充矩形

  • 不需要使用beginPath()和stroke()即可绘制矩形填充

<canvas id="mycanvas" height=500 width=500>您的浏览器不支持 canvas。</canvas><script type="text/javascript">  function drawRect(){    var c=document.getElementById("mycanvas");  // 获取网页中的canvas对象    var ctx=c.getContext("2d");  //获取canvas对象的2d上下文    //ctx.beginPath();  //  开始创建路径   ctx. fillRect(20,20, 100, 50);     //ctx.stroke(); //绘制路径    }  window.addEventListener("load", drawRect, true); //页面加载时调用drawRect函数画矩形</script>

使用clearRect()方法清除矩形​​​​​​​

<canvas id="mycanvas" height=500 width=500>您的浏览器不支持 canvas。</canvas> <script type="text/javascript">    function drawRect()   {    var c=document.getElementById("mycanvas");   // 获取网页中的canvas对象     var ctx=c.getContext("2d");  //获取canvas对象的2d上下文      ctx. fillRect(20,20, 100, 50);           ctx.clearRect(40,40, 60, 10);      }   window.addEventListener("load", drawRect, true);  //页面加载时调用drawRect函数画矩形 </script>

图片

绘制图形：绘制圆弧

arc(x, y, radius, startingAngle, endingAngle, antiClockwise);

使用arc()方法仅仅是创建圆弧路径，如需绘制路径要再使用strock()方法

使用arc()方法绘制圆弧​​​​​​​

<canvas id="mycanvas" height=500 width=500>您的浏览器不支持 canvas。</canvas> <script type="text/javascript">   function drawArc() {  var c=document.getElementById("mycanvas");  // 获取网页中的canvas对象  var ctx=c.getContext("2d");  //获取canvas对象的上下文（2d绘图环境）   ctx.beginPath();  //  开始创建路径   ctx.arc(50, 50, 30, 1.1 * Math.PI, 1.9 * Math.PI, false);    ctx.stroke();  // 绘制路径   }   window.addEventListener("load", drawArc, true); </script>

使用arc()方法画圆​​​​​​​

<canvas id="mycanvas" height=500 width=500>您的浏览器不支持 canvas。</canvas><script type="text/javascript">   function drawArc() {  var c=document.getElementById("mycanvas");  // 获取网页中的canvas对象   var ctx=c.getContext("2d");  //获取canvas对象的上下文（2d绘图环境）   ctx.beginPath();  //  开始创建路径   ctx.arc(50, 50, 30, 0, 2 * Math.PI, false);    ctx.stroke();  // 绘制路径   }  window.addEventListener("load", drawArc, true); </script>

小结：

  • 路径path（仅有路径是不会有任何显示效果的）

  • 描边stroke（绘制路径/绘制路径的轮廓）

  • 填充fill（绘制路径内部）

通过设置canvasRenderingContext2D对象的以下属性指定描边的颜色和描边的宽度。

<canvas id="mycanvas" height=500 width=500>您的浏览器不支持 canvas。 </canvas><script type="text/javascript">   function strokeColorAndWidth()  {  var c=document.getElementById("mycanvas");   // 获取网页中的canvas对象  var ctx=c.getContext("2d");  //获取canvas对象的上下文（2d绘图环境）    ctx.lineWidth = 5;      ctx.strokeStyle = "red";   ctx.beginPath();  // 开始创建路径  ctx.moveTo(10,10);  // 创建路径的起点   ctx.lineTo(100,100);  // 添加路径中的一个点   ctx.stroke(); //绘制路径   ctx.strokeStyle = "yellow";   ctx.strokeRect(25,25, 80, 60);  //矩形     ctx.strokeStyle = "blue";   ctx.beginPath();  // 开始创建路径   ctx.arc(100, 70, 40, 0, 2 * Math.PI, false); //圆形   ctx.stroke(); //绘制路径   }  window.addEventListener("load", strokeColorAndWidth, true);</script>

指定如何绘制线段的末端

  • 通过设置canvasRenderingContext2D对象的lineCap属性可以指定线段的末端如何绘制

  • lineCap 属性只有绘制较宽线段时才有效

ctx.lineWidth = 20;   ctx.strokeStyle = "red";  ctx.lineCap = "butt";  ctx.beginPath();   ctx.moveTo(10,10);   ctx.lineTo(80,10);   ctx.stroke();  ctx.lineCap = "round";  ctx.beginPath();   ctx.moveTo(10,40);    ctx.lineTo(80,40);   ctx.stroke();     ctx.lineCap = "square";  ctx.beginPath();    ctx.moveTo(10,70);  ctx.lineTo(80,70);   ctx.stroke();

图片

画一个正六边形

思路提示：一个六边形是由六根直线组合的，那么可以通过计算坐标，把直线连接起来，就是六条直线合起来的正六边形啦

​​​​​​​

<canvas id="mycanvas" height=500 width=500>您的浏览器不支持 canvas。</canvas><script type="text/javascript">  function drawline(){  var c=document.getElementById("mycanvas");  // 获取网页中的canvas对象  var ctx=c.getContext("2d");  //获取canvas对象的上下文（2d绘图环境）

    ctx.lineWidth = 10;     ctx.strokeStyle = "red";

  ctx.beginPath();  //  开始创建路径  ctx.moveTo(80,80);  // 创建路径的起点  ctx.lineTo(160,80); // 添加路径中的一个点  ctx.stroke();  // 绘制路径

    ctx.moveTo(156,80);  // 创建路径的起点  ctx.lineTo(196,149.5); // 添加路径中的一个点    ctx.stroke();  // 绘制路径

    ctx.moveTo(196,147);  // 创建路径的起点  ctx.lineTo(156,219); // 添加路径中的一个点    ctx.stroke();  // 绘制路径

    ctx.moveTo(160,219);  // 创建路径的起点  ctx.lineTo(80,219); // 添加路径中的一个点    ctx.stroke();  // 绘制路径

    ctx.moveTo(84,219);  // 创建路径的起点  ctx.lineTo(44,147); // 添加路径中的一个点    ctx.stroke();  // 绘制路径

    ctx.moveTo(44,149.5);  // 创建路径的起点  ctx.lineTo(84,80); // 添加路径中的一个点    ctx.stroke();  // 绘制路径  }  window.addEventListener("load", drawline, false);//页面加载时触发drawline函数画直线</script>

画一个笑脸

图片

<canvas id="mycanvas" height=500 width=500>您的浏览器不支持 canvas。</canvas><script type="text/javascript">  function drawArc(){  var c=document.getElementById("mycanvas");  // 获取网页中的canvas对象  var ctx=c.getContext("2d");  //获取canvas对象的上下文（2d绘图环境）

  ctx.beginPath();  //  开始创建路径  ctx.arc(250, 250, 100, 0, 2 * Math.PI, false);   ctx.fillStyle = "yellow";  ctx.fill();  ctx.stroke();  // 绘制路径  

  ctx.beginPath();  //  开始创建路径  ctx.arc(200, 200, 10, 0, 2 * Math.PI, false);   ctx.fillStyle = "gray";  ctx.fill();  ctx.stroke();  // 绘制路径  

  ctx.beginPath();  //  开始创建路径  ctx.arc(300, 200, 10, 0, 2 * Math.PI, false);   ctx.fillStyle = "gray";  ctx.fill();  ctx.stroke();  // 绘制路径  
  ctx.beginPath();  //  开始创建路径  ctx.arc(250, 280, 40,0.8* Math.PI, 0.2* Math.PI, true);   ctx.stroke();  // 绘制路径  }  window.addEventListener("load", drawArc, true);</script>

送书活动

参与方式一：

点赞、收藏、评论本文，即可直接参与，3天内会公布抽奖信息和联系你。

参与方式二：

关注「信息技术智库」回复「送书」

 本期3本，如有需要可等下期活动或自行安排：

《人工智能数学基础》https://item.jd.com/13009168.html
《Python神经网络入门与实战》 https://item.jd.com/12748581.html
《Python入门到人工智能实战》https://item.jd.com/12648361.html
《Python量化金融编程从入门到精通》https://item.jd.com/13045490.html

​

添加公众号「信息技术智库」：

🍅 硬核资料：20G，8大类资料，关注即可领取（PPT模板、简历模板、技术资料）
🍅 技术互助：技术群大佬指点迷津，你的问题可能不是问题，求资源在群里喊一声。
🍅 面试题库：由各个技术群小伙伴们共同投稿，热乎的大厂面试真题，持续更新中。
🍅 知识体系：含编程语言、算法、大数据生态圈组件（Mysql、Hive、Spark、Flink）、数据仓库、前端等。

👇👇送书抽奖丨技术互助丨粉丝福利👇👇

不吃西红柿丶
关注
  • 135
    点赞
  • 踩
  • 177
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 67
    评论
专栏目录
最火前端Web组态软件(可视化)
前端-尔嵘
11-14 5万+
随着物联网、大数据等技术高速发展，我们逐步向数字化、可视化的人工智能（AI）时代的方向不断迈进。智能时代是工业 4.0 时代，我国工业领域正努力从“制造”迈向“智造”的新跨越。
html5 canvas实现绘图板
05-12
html5 canvas绘图板，实现了如下功能： 1、调色（只有固定的几种颜色）、 2、改变笔触粗细、 3、撤销、 4、保存图片到本地、 5、改变画布颜色
web前端基础入门教程之HTML5 Canvas详细解读
01-08
元素是HTML5中的新元素，通过使用该元素，你可以在网页中绘制所需的图形。 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。 在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。  Canvas – 路径新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。 在Canvas上画线，我们将使用以下两种方法： moveTo(x,y) 定义线条开始坐标 lineTo(x,y) 定义线条结束坐标 绘制线条我们必须使用到 “ink” 的方法，就像stroke(). 实例
SVG、D3.js、Echarts.js
weixin_48764743的博客
12-09 1341
SVG、D3.js、Echarts.js
【HTML】【一文全解Canvas】从初学到实战，彻底掌握前端绘图神器！
weixin_55846296的博客
06-09 5471
前言一、Canvas 概述二、在 HTML 中使用 Canvas三、Canvas 绘制图形1、绘制矩形2、绘制圆形a. 绘制实心圆形b. 绘制空心圆形四、Canvas 绘制文本五、Canvas 绘制图片六、Canvas 动画效果1、setInterval() 实现动画2、requestAnimationFrame() 实现动画七、Canvas 使用注意事项八、利用Canvas绘制挂钟（原理-绘制弧形）- 简单练习1、 还原坐标系2、 绘制背景3、 绘制时钟指针4、循环绘制。
前端绘图 svg和canvas
热门推荐
鬼之一草的专栏
06-20 1万+
前端绘图的技术到目前为止有很多种：canvas、SVG、VML、Flash、Java Applet等。这么多方式，他们之间有什么区别，选择的时候该在什么情形下选择什么方式 比较合适？看了很多文章，简单总结一下。 大体思路：先逐一介绍一下各种绘图方式，然后比较一下各种绘图方式，最后给出一个取舍的原则或者建议。本文是在参考了多篇文章之后，根据自己的理解整理的，如有不对的地方欢迎指正。
前端工程师的画图日记
最新发布
奇舞周刊
07-18 296
本文作者为 360 奇舞团前端开发工程师作为一个前端，我先讲讲我是如何对前端产生兴趣的。当初接触 Web 页面开发时，发现网页这东西很神奇，在一个 Text 文本编辑器里敲上几行代码，改个扩展名，双击页面就展示出来了就是很有趣且很有成就感，一点点堆砌自己的代码，一个属性就可以改颜色改大小，可以做一个炫酷的特效等等。之前看到过一句话，说CSS就是网页版的亚洲四大邪术集合体。那么我今天的分享就从这里开...
html5 Canvas画图教程(1)—画图的基本常识
09-28
Canvas，意为画布也。而Html5中的Canvas也真的跟现实生活中的画布非常相似。所以，把他看成一块实实在在的画布可以加快理解;如果你想学习Canvas画图，你必须要有Javascript基础,不多说了，切入正题
html5 canvas 画图教程案例分析
09-28
Canvas，意为画布也，虽然大家都称Canvas为html5的新标签，看起来好像Canvas属于html语言的新知识，但其实Canvas画图是通过javascript来做的。所以，如果你想学习Canvas画图，你必须要有Javascript基础
详解html5 canvas常用api总结(二)--绘图API
09-27
本篇文章主要介绍了html5 canvas常用api总结(二)--绘图API ，canvas可以绘制出很多奇妙的样式和美丽的效果，通过几个简单的api就可以在画布上呈现出千变万化的效果，还可以制作网页游戏，接下来就总结一下和绘图有关...
web前端图形框架
11-17
web前端工作流图形组件，实现可视化流程配置。
前端数据可视化之使用 canvas、svg、zrender画图
前端攻城狮
11-20 1978
随着大数据时代的到来，数据可视化的开发需求越来越多，虽然在开发中一直都有在写可视化图表，但都停留在调框架会用的阶段，最近抽时间去深入学习数据可视化，简单记录下 现在市场上的 前端数据可视化解决方案其实很多，如下： 本文主要记录下 canvas、svg、zrender的相关知识 1、canvas canvas是html5的新特性，他允许我们使用canvas元素在网页上通过脚本，通常是Javascript绘制图像，<canvas> 元素本身并没有绘制能力（它仅仅是图形...
Web前端画图
青柠小甜味
07-21 1034
简易皮卡丘 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="myCanvas" width="660" height="476" style="background-color:#FFE600" > </canvas>
前端教程：Canvas怎样创建画布和绘制图形？
CZ-001的博客
06-13 1190
HTML5提供了一种全新的画布功能，即通过Canvas来让用户在网页中绘制图形、文字、图片等。Canvas表示画布，现实生活中的画布是用来作画的，HTML5中的Canvas与之类似，我们可以称它为“网页中的画布”。默认情况下，Canvas是一块300px乘50px的矩形画布，用户可以自定义画布的大小或为画布添加其他属性。Canvas并不是通过鼠标绘画的，用户需要通过JavaScript来控制画布中的内容，例如添加图片、线条、文字等。本节将讲解如何使用Canvas绘制添加画布和绘制线条。
画布Canvas
a1003434346的博客
12-19 708
屏幕显示与Canvas的关系: 很多人一直以为显示所绘图形的屏幕就是Canvas,其实这是一种非常错误的理解,比如下面这段代码 举例: //构造两个画笔,一个红色,一个绿色 Paint paint_green = generatePaint(Color.GREEN, Paint.Style.STROKE, 3); Paint paint_red = generatePaint(Color.R...
html canvas drawrect 变形,简介 jCanvas：当 jQuery遇上HTML5 Canvas
weixin_28914101的博客
06-10 210
HTML5 可以直接在你的网页中使用 元素及其相关的 JavaScript API绘制的图形。在这篇文章中，我将向你介绍 jCanvas，一个基于 jQuery的免费且开源的 HTML5的Canvas API。如果你使用 jQuery 进行开发，jCanvas能够使用 jQuery更简单，更快速的完成一些非常炫酷的 canvas画布及交互效果。什么是 jCanvas ？jCanvas 官网是这样...
【前端】【canvas详解 非常详细的使用方法】
PiPiFamily的博客
06-08 3781
canvas使用详细教学
自学web前端练手——HTML5的canvas实现网页画图（html5+css+js）
lvshaoshishang的博客
03-28 3944
html5的canvas实现网页画图步骤： ①定义画布（html5）②设置画布样式（CSS）③js准备绘图的上下文环境④js绘图 效果如下： 点击按钮可以改变画笔颜色和画笔粗细大小。随便画的_(:з」∠)_不要嫌弃我手抖 代码如下： .html <!DOCTYPE html> <html lang="en"> <head> <meta charset...
【web可视化】canvas画图学习详细教程笔记&完整代码
m0_67986791的博客
02-14 1496
ctx.lineJoin = 'bevel'//设置线段连接处为默认/圆形/平直形式(miter/round/bevel)ctx.lineCap = 'round' //设置线帽为圆形round/butt默认/aquare方形。stroke()方法是进行绘制。把strokeRect()方法拆成了stroke()和rect()方法，好处就是使用。arc(圆心坐标，半径，初始角度，结束角度，顺时针false/逆时针true)用 ctx.closePath()//把线段的终点和起点连接起来这样更衔接了。
java canvas详解_[Java教程]初学 Canvas 第一篇
06-08
好的，我可以为你详细介绍 Java 中的 Canvas。 Canvas 是 Java 中的一个基础类，用于在屏幕或其他设备上绘制图形。它提供了一系列的方法和属性，可以帮助我们创建出各种形状和图像，并且可以操作这些图形和图像。 在使用 Canvas 前，需要先创建一个 Canvas 对象。我们可以通过继承 Canvas 类来创建一个自定义的 Canvas 对象，并且在这个对象中重写一些方法来实现我们的需求。例如，我们可以重写 paint() 方法，在其中绘制出我们需要的图形。 在绘制图形时，我们可以使用 Graphics2D 对象来进行操作。Graphics2D 是 Java 2D 中的一个强大的绘图工具，它提供了许多方法来绘制各种形状和图像，例如 drawLine()、drawRect()、drawImage() 等等。 除了绘制图形，Canvas 还可以处理鼠标和键盘事件。我们可以重写 Canvas 中的一些方法来实现这些功能，例如 mousePressed()、mouseReleased()、keyPressed()、keyReleased() 等等。 总的来说，Canvas 是 Java 中一个非常有用的类，它可以帮助我们实现各种绘图和事件处理的功能。如果想要深入了解 Java 中的 Canvas，建议可以查看 Java 2D 相关的文档和教程。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 67
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不吃西红柿丶

感谢鼓励，我必持续稳定输出！！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值