（十二）Path 及贝塞尔曲线

最新推荐文章于 2023-03-31 00:09:09 发布
最新推荐文章于 2023-03-31 00:09:09 发布
阅读量427 收藏 1
点赞数
分类专栏： 高级UI 文章标签： path 贝塞尔曲线
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_18983205/article/details/76098557
版权

版权声明：本文为博主原创文章，未经博主允许不得转载。

本文纯个人学习笔记，由于水平有限，难免有所出错，有发现的可以交流一下。

一、Path

Path 的一些简单的 add 开头的方法这边就不讲述，在这里就稍微记录一些特殊的。

1.带 r 开头

rLineTo，rMoveTo 基于前一个点的相对位置
LineTo，MovoTo 不带r开头的，传的是我们的绝对位置

2. Direction

Path 的方法中，有部分需要传入方向 Direction，我们先来看一下 Direction。

    /**
     * Specifies how closed shapes (e.g. rects, ovals) are oriented when they
     * are added to a path.
     */
    public enum Direction {
        /** clockwise */
        CW  (0),    // must match enum in SkPath.h
        /** counter-clockwise */
        CCW (1);    // must match enum in SkPath.h

        Direction(int ni) {
            nativeInt = ni;
        }
        final int nativeInt;
    }

Direction 是一个枚举类，CW 表示顺时针，CCW 表示逆时针，当初画路径的时候是感觉不出来有什么区别，但是在调用 Canvas 的 drawTextOnPath 时候就很明显，决定了字是从左到右还是从右到左。

二、Path 的 填充模式 FillType

可以通过 Path 的 内部的另一枚举 FillType，对 Path 形成的图像进行填充模式的选择。

    /**
     * Enum for the ways a path may be filled.
     */
    public enum FillType {
        // these must match the values in SkPath.h
        /**
         * Specifies that "inside" is computed by a non-zero sum of signed
         * edge crossings.
         */
        WINDING         (0),
        /**
         * Specifies that "inside" is computed by an odd number of edge
         * crossings.
         */
        EVEN_ODD        (1),
        /**
         * Same as {@link #WINDING}, but draws outside of the path, rather than inside.
         */
        INVERSE_WINDING (2),
        /**
         * Same as {@link #EVEN_ODD}, but draws outside of the path, rather than inside.
         */
        INVERSE_EVEN_ODD(3);

        FillType(int ni) {
            nativeInt = ni;
        }

        final int nativeInt;
    }

1.Path.FillType.WINDING

这里写图片描述

public class PathFillView extends View{

    private Path mPath;
    private Paint mPaint;

    public PathFillView(Context context) {
        super(context);
        mPaint = new Paint();
        mPaint.setColor(Color.RED);
        mPaint.setStrokeWidth(2);
        mPaint.setStyle(Paint.Style.FILL);
        mPaint.setAntiAlias(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // WINDING 模式 --- 取Path所有所在的区域 -- 默认的模式
        mPath = new Path();
        mPath.offset(100,100);
        mPath.addCircle(200, 200, 100, Path.Direction.CW);
        mPath.addCircle(300, 300, 100, Path.Direction.CW);
        mPath.setFillType(Path.FillType.WINDING);
        mPaint.setColor(Color.RED);
        canvas.drawPath(mPath,mPaint);

    }
}

WINDING 模式取 Path 所有所在的区域，WINDING 模式是默认的模式。

2.Path.FillType.EVEN_ODD

这里写图片描述

public class PathFillView extends View{

    private Path mPath;
    private Paint mPaint;

    public PathFillView(Context context) {
        super(context);
        mPaint = new Paint();
        mPaint.setColor(Color.RED);
        mPaint.setStrokeWidth(2);
        mPaint.setStyle(Paint.Style.FILL);
        mPaint.setAntiAlias(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // EVEN_ODD 模式 --- 取 Path 所在不相交的区域
        mPath = new Path();
        mPath.offset(100,100);
        mPath.addCircle(200, 200, 100, Path.Direction.CW);
        mPath.addCircle(300, 300, 100, Path.Direction.CW);
        mPath.setFillType(Path.FillType.EVEN_ODD);
        mPaint.setColor(Color.RED);
        canvas.drawPath(mPath,mPaint);
    }
}

EVEN_ODD 模式取所有添加的 Path 都不相交的区域。

3.Path.FillType.INVERSE_WINDING

这里写图片描述

public class PathFillView extends View{

    private Path mPath;
    private Paint mPaint;

    public PathFillView(Context context) {
        super(context);
        mPaint = new Paint();
        mPaint.setColor(Color.RED);
        mPaint.setStrokeWidth(2);
        mPaint.setStyle(Paint.Style.FILL);
        mPaint.setAntiAlias(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // INVERSE_WINDING 模式 -- 取path所有未占的区域
        mPath = new Path();
        mPath.offset(100,100);
        mPath.addCircle(200, 200, 100, Path.Direction.CW);
        mPath.addCircle(300, 300, 100, Path.Direction.CW);
        mPath.setFillType(Path.FillType.INVERSE_WINDING);
        mPaint.setColor(Color.RED);
        canvas.drawPath(mPath,mPaint);
    }
}

INVERSE_WINDING 模式取 Path 所有未占的区域。分别取 Path 的最小 X 坐标，最小 Y 坐标，最大 X 坐标，最大 Y 坐标形成该 Path 的最小矩形，相对于 Path 所在最小矩形，填充 Path 都未占的区域。也可以理解为 Path 的最小矩形扣去 WINDING 填充的区域。

4.Path.FillType.INVERSE_EVEN_ODD

这里写图片描述

public class PathFillView extends View{

    private Path mPath;
    private Paint mPaint;

    public PathFillView(Context context) {
        super(context);
        mPaint = new Paint();
        mPaint.setColor(Color.RED);
        mPaint.setStrokeWidth(2);
        mPaint.setStyle(Paint.Style.FILL);
        mPaint.setAntiAlias(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // INVERSE_EVEN_ODD 模式 -- 取path所有未占和相交的区域
        mPath = new Path();
        mPath.offset(100,100);
        mPath.addCircle(200, 200, 100, Path.Direction.CW);
        mPath.addCircle(300, 300, 100, Path.Direction.CW);
        mPath.setFillType(Path.FillType.INVERSE_EVEN_ODD);
        mPaint.setColor(Color.RED);
        canvas.drawPath(mPath,mPaint);
    }
}

INVERSE_EVEN_ODD 模式取path所有未占和相交的区域。也可以理解为 Path 最小矩形扣去 EVEN_ODD 填充的区域。

三、Path 的 叠加模式 OP

OP 在（十）Canvas 的基本使用 http://blog.csdn.net/qq_18983205/article/details/73610341 有提到叠加规则。

   public enum Op {
        DIFFERENCE(0),
        INTERSECT(1),
        UNION(2),
        XOR(3),
        REVERSE_DIFFERENCE(4),
        REPLACE(5);

        Op(int nativeInt) {
            this.nativeInt = nativeInt;
        }

        /**
         * @hide
         */
        public final int nativeInt;
    }

这里写图片描述
效果图中 A 为调用者， B 为叠加上来的区域。

Path 的叠加规则与这类似，只是少了一个 REPLACE。

    /**
     * The logical operations that can be performed when combining two paths.
     *
     * @see #op(Path, android.graphics.Path.Op)
     * @see #op(Path, Path, android.graphics.Path.Op)
     */
    public enum Op {
        /**
         * Subtract the second path from the first path.
         */
        DIFFERENCE,
        /**
         * Intersect the two paths.
         */
        INTERSECT,
        /**
         * Union (inclusive-or) the two paths.
         */
        UNION,
        /**
         * Exclusive-or the two paths.
         */
        XOR,
        /**
         * Subtract the first path from the second path.
         */
        REVERSE_DIFFERENCE
    }

1.Path.Op.DIFFERENCE

这里写图片描述

public class PathOpView extends View {

    private Paint mPaint;

    public PathOpView(Context context) {
        super(context);
        mPaint = new Paint();
        mPaint.setColor(Color.RED);
        mPaint.setStrokeWidth(8);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setAntiAlias(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // DIFFERENCE --- 减去Path2后Path1区域剩下的部分
        Path path1 = new Path();
        path1.addCircle(150, 150, 100, Path.Direction.CW);
        Path path2 = new Path();
        path2.addCircle(200, 200, 100, Path.Direction.CW);
        path1.op(path2, Path.Op.DIFFERENCE);
        canvas.drawPath(path1, mPaint);
        mPaint.setColor(Color.DKGRAY);
        mPaint.setStrokeWidth(2);
        canvas.drawCircle(150, 150, 100,mPaint);
        canvas.drawCircle(200, 200, 100,mPaint);
    }
}

2.Path.Op.INTERSECT

这里写图片描述

public class PathOpView extends View {

    private Paint mPaint;

    public PathOpView(Context context) {
        super(context);
        mPaint = new Paint();
        mPaint.setColor(Color.RED);
        mPaint.setStrokeWidth(8);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setAntiAlias(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // INTERSECT --- 保留Path2 和 Path1 共同的部分
        Path path1 = new Path();
        path1.addCircle(150, 150, 100, Path.Direction.CW);
        Path path2 = new Path();
        path2.addCircle(200, 200, 100, Path.Direction.CW);
        path1.op(path2, Path.Op.INTERSECT);
        canvas.drawPath(path1, mPaint);
        mPaint.setColor(Color.DKGRAY);
        mPaint.setStrokeWidth(2);
        canvas.drawCircle(150, 150, 100,mPaint);
        canvas.drawCircle(200, 200, 100,mPaint);   
    }
}

3.Path.Op.UNION

这里写图片描述

public class PathOpView extends View {

    private Paint mPaint;

    public PathOpView(Context context) {
        super(context);
        mPaint = new Paint();
        mPaint.setColor(Color.RED);
        mPaint.setStrokeWidth(8);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setAntiAlias(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // UNION --- 保留Path1 和 Path 2
        Path path1 = new Path();
        path1.addCircle(150, 150, 100, Path.Direction.CW);
        Path path2 = new Path();
        path2.addCircle(200, 200, 100, Path.Direction.CW);
        path1.op(path2, Path.Op.UNION);
        canvas.drawPath(path1, mPaint);
        mPaint.setColor(Color.DKGRAY);
        mPaint.setStrokeWidth(2);
        canvas.drawCircle(150, 150, 100,mPaint);
        canvas.drawCircle(200, 200, 100,mPaint);  
    }
}

4.Path.Op.XOR

这里写图片描述

public class PathOpView extends View {

    private Paint mPaint;

    public PathOpView(Context context) {
        super(context);
        mPaint = new Paint();
        mPaint.setColor(Color.RED);
        mPaint.setStrokeWidth(8);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setAntiAlias(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // XOR --- 保留Path1 和 Path2 不相交的区域
        Path path1 = new Path();
        path1.addCircle(150, 150, 100, Path.Direction.CW);
        Path path2 = new Path();
        path2.addCircle(200, 200, 100, Path.Direction.CW);
        path1.op(path2, Path.Op.XOR);
        canvas.drawPath(path1, mPaint);
        mPaint.setColor(Color.DKGRAY);
        mPaint.setStrokeWidth(2);
        canvas.drawCircle(150, 150, 100,mPaint);
        canvas.drawCircle(200, 200, 100,mPaint); 
    }
}

这边没有填充，看起来像是全部都被沾满，实际要扣去中间重叠部分，如果是全充满的情况，中间两条线是不会被选中。

5.Path.Op.REVERSE_DIFFERENCE

这里写图片描述

public class PathOpView extends View {

    private Paint mPaint;

    public PathOpView(Context context) {
        super(context);
        mPaint = new Paint();
        mPaint.setColor(Color.RED);
        mPaint.setStrokeWidth(8);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setAntiAlias(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // REVERSE_DIFFERENCE --- 减去Path1后Path2区域剩下的部分
        Path path1 = new Path();
        path1.addCircle(150, 150, 100, Path.Direction.CW);
        Path path2 = new Path();
        path2.addCircle(200, 200, 100, Path.Direction.CW);
        path1.op(path2, Path.Op.REVERSE_DIFFERENCE);
        canvas.drawPath(path1, mPaint);
        mPaint.setColor(Color.DKGRAY);
        mPaint.setStrokeWidth(2);
        canvas.drawCircle(150, 150, 100,mPaint);
        canvas.drawCircle(200, 200, 100,mPaint);
    }
}

四、贝塞尔曲线

这个有点偏数学的知识了，不过感觉有必要在这记录一下，在自定义控件很多时候都要用到贝塞尔曲线。

这边提供一个github：https://github.com/venshine/BezierMaker ，用这个可以很明确的看出贝塞尔曲线的绘制过程。

1.lineTo

很多人只知道 lineTo 是画一条直线，却不知道 lineTo 跟贝塞尔曲线有什么关系。lineTo 也可以理解为一阶贝塞尔曲线。
这里写图片描述

线上的点是从 P0 匀速运动到 P1 过程中，各个时间点所取的点的集合。

2.二阶贝塞尔曲线

这里写图片描述

假设运动的时间为 1 秒，先绘制出对应时间点 直线P0P1 和 直线P1P2 当前时间点所在点，这两个点形成一条直线（图中绿色那条），这条直线会随时间变化而变化。在每个时间点，这条直线是唯一的，这个时候选当前时间点绿色直线上的对应点，把整个过长产生的绿色直线上各个时间对应点连接起来就是二阶贝塞尔曲线，即红色那条。

这里写图片描述
如上图：取时间为 0.26s 的时候，分别取 直线P0P1 和 和 直线P1P2 上当前时间对应的点，连接起来得到当前唯一的绿色直线，再在这条绿色直线上取出当前时间（0.26s）所对应的点。

3.多阶贝塞尔曲线

这里写图片描述

这里写图片描述

多阶贝塞尔曲线跟二阶的绘制思路一致，相邻两条直线取当前时间点所在的点连接成新的直线，原本有 n 条直线，经一次获取点连接后直线条数为 n-1，继续重复这个操作，每次会少一条线，直到最后只有一条线的时候，取当前时间在这条线上的点，整个过程这些点连成的线即 n 阶贝塞尔曲线。

阶数越大，说明曲线控制点越多，则曲线能绘制出来的曲折度（弧度）越大。

孤独灬啸月
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android Path绘制贝塞尔曲线实现QQ拖拽泡泡
09-01
贝塞尔曲线是一种平滑曲线，常用于动画和图形设计中，Android的`Path`类提供了绘制贝塞尔曲线的功能。本文将深入探讨如何使用`Path`绘制贝塞尔曲线，并以实现QQ拖拽泡泡为例进行说明。 首先，我们要理解贝塞尔曲线...
android path基本使用以及贝塞尔曲线入门
zhouguizhi
12-12 4696
android path基本使用以及贝塞尔曲线入门
绘制贝塞尔曲线通用方法
qinken547的专栏
07-26 1192
//计算三次贝塞尔曲线，后面n(n>=3)计算时，都是将点分成一组一组的三次贝塞尔曲线 //计算控制点思路来源：http://www.antigrain.com/research/bezier_interpolation/index.html#PAGE_BEZIER_INTERPOLATION SkPoint* CalcThreeBezier(Wm5::Vector2d ptw1,Wm5::Vec
Skia深入分析4——skia路径绘制的实现
weixin_33985507的博客
02-10 901
Skia路径绘制代码分析 路径绘制尽管使用频率相对于图像绘制、文本绘制低，但却是非常重要的一个基本特性。所有不规则图形（椭圆、圆角矩形、三角形、简单的文字），最后都避不开路径绘制。 而且，若自己实现一个2D引擎，这块内容是很具有参考意义的，用OpenGL的话，图像采样等都很少关注了，对对坐标就好。但菱角、圆弧、曲线等如何绘制仍然是一个难题，这时就可以参...
android Region 类介绍
Venus 的博客
02-27 2402
文章目录1、简介2、构造函数2、常用方法1） setEmpty()2）set（）3） isEmpty（）4） isRect（)5） isComplex（）6） contains（）7) getBounds()8）quickContains（）9）op（） 1、简介 Region意思是区域,范围.先了解有啥api给我们使用,然后每个api啥意思,我们就可以根据这个做出我们想要的效果出来,自定义vie...
Android Region范围、RegionIterator
打渔还是晒网 —— stone
07-25 1575
Regionandroid.graphics.Region， 由0个或多个矩形 Rect组成 早前多用于 裁剪，即canvas.clipRegion(),后被标记为过时，推荐使用canvas.clipPath()来完成裁剪功能。 裁剪出来的图层是独立的，如果后续没有对图层做其它处理，则后续绘制将直接作用在裁剪出的图层区域中 Region还有个比较好的用处就是：Android 判断点是否在Pat
HTML实现贝塞尔曲线
12-23
在JavaScript中，我们可以使用`document.createElementNS()`方法创建SVG元素，例如`<path>`元素，然后设置其`d`属性来定义贝塞尔曲线的路径数据。路径数据由一系列命令和参数组成，其中`C`（对于三次贝塞尔曲线）或`...
贝塞尔曲线
02-06
3. **Path类**：在Android中，我们可以使用`android.graphics.Path`类来绘制贝塞尔曲线。通过调用`quadTo()`（用于二次贝塞尔曲线）和`cubicTo()`（用于三次贝塞尔曲线）方法，传入相应的控制点坐标，就能画出贝塞尔...
android贝塞尔曲线实现波浪效果
08-25
Path 对象提供了多种方法来绘制贝塞尔曲线，例如 quadTo() 方法、cubicTo() 方法等。 在实现波浪效果时，我们需要首先确定波浪的参数，例如波长、波高、波速等。然后，我们可以使用贝塞尔曲线来绘制波浪的路径。在...
silverlight贝塞尔曲线
06-20
在这个布局中，有两个红色的椭圆（`Ellipse`）表示贝塞尔曲线的控制点，以及一个`Path`元素用于绘制曲线本身。`Path`元素的`Data`属性内嵌了一个`PathGeometry`对象，该对象包含了曲线的几何信息。`PathGeometry`...
Bezier Curve 贝塞尔曲线 - 在Unity中实现路径编辑
当代野生程序猿
03-31 3970
贝塞尔曲线你玩明白了吗？
Path从懵逼到精通（2）——贝塞尔曲线
weixin_34008784的博客
03-19 142
上一篇我们说了 Path 的基本操作，这一篇让我们来说一下 Path 的进阶用法——贝塞尔曲线。 那什么是贝塞尔曲线？贝塞尔曲线能在 Android 中实现什么效果？以及如何做到的？这篇文章都会告诉你。 什么是贝塞尔曲线？ 贝塞尔曲线是由皮埃尔·贝塞尔发表的，他主要应用于汽车的主体进行设计，后来成为计算机图形学相当重要的参数曲线。 贝塞尔曲线由什么组成的？它通常由数据点和控制点两个部分组成的。那什...
path填充Demo(PathFillTypes)
趁着年轻，多学学
11-19 745
package com.example.xfermodesdemo; import android.app.Activity; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import an
Path路径的填充
02-24 2405
http://my.eoe.cn/37547/archive/3712.html android 在绘制多边形时可以指定填充方式。主要涉及的函数和参数有： Path 类提供的设置填充方式的函数： public void setFillType(Path.FillType ft). 填充方式的枚举类型： Path.FillType EVEN_ODD，用奇偶规则填充 Path.F
Android中的裁剪中Region.Op参数的用法
热爱技术
12-18 1万+
在Android自定义View使用绘图的裁剪功能的时候,我们最好manifest中的<application/> 或者<activity/>或者<fragment/>标签中添加如下属性 android:hardwareAccelerated="false" 因为裁剪功能是不支持硬件加速的.没有设置的话,有可能绘图裁剪的效果出不来; Android Can...
（转）Region.Op效果解析
weixin_30849403的博客
02-09 226
Region.Op有INTERSECT、DIFFERENCE、REPLACE、REVERSE_DIFFERENCE、UNION、XOR七种选择文档没有详细说明，所以查了点资料并简单的测试了下，权当记忆之用 先看我的测试View的代码 @Override protected void onDraw(Canvas canvas) { Path path1 = new Path(); path...
python 并集union, 交集intersection, 差集difference
热门推荐
翔云
08-26 3万+
python的集合set和其他语言类似，是一个无序不重复元素集, 可用于消除重复元素。 支持union(联合), intersection(交), difference(差)和sysmmetric difference(对称差集)等数学运算。 不支持 indexing, slicing, 或其它类序列（sequence-like）的操作。因为，sets作为一个无序的集合，sets不记录元素位置或者插
es6 --- > set实现并集(Union)、交集(Intersect)和差集(Difference)
栗子好好吃的博客
04-23 690
Set:类似于数组,但是成员的值都是唯一的 let a = new Set([1, 2, 3]); let b = new Set([4, 3, 2]); // 并集 let union = new Set([...a, ...b]); // 交集 let intersect = new Set([...a].filter(x => b.has(x))); // 差级 let diff...
.NET Core使用canvas的常用方法 SKPath SKPaint SKRect等
weixin_45286744的博客
09-09 1010
用Canvas绘制朋友圈分享图小程序、名片初始化画布开始在底图上绘制-放入产品图添加文字描述最后把你画的图片保存到本地 初始化画布 var httpClient = new System.Net.Http.HttpClient(); // info 为你的画布大小 例如 with=750 hight=1024 var info = new SKImageInfo(750, 1024); // create the surfac
css clip-path 贝塞尔曲线
最新发布
01-07
CSS的`clip-path`属性可以使用贝塞尔曲线来定义剪切路径。贝塞尔曲线是一种数学曲线，可以用来描述平滑的曲线形状。在`clip-path`中，我们可以使用SVG的`path`元素来定义贝塞尔曲线的路径。 下面是一个使用贝塞尔曲线剪切路径的示例： ```html <div class="icon"> <span class="tick"></span> </div> <svg> <defs> <clipPath id="tick-mask" clipPathUnits="objectBoundingBox"> <path d="M0.2,0.5 L0.4,0.7 L0.8,0.3" /> </clipPath> </defs> </svg> ``` ```css .icon { width: 100px; height: 100px; background: #ff7443; text-align: center; background: #ff7443; border-radius: 100px; } .tick { display: inline-block; -webkit-clip-path: url(#tick-mask); clip-path: url(#tick-mask); width: 90%; height: 90%; background: white; margin-top: 5%; } ``` 在上面的示例中，我们使用了一个`div`元素作为背景，设置了红色背景和圆角。然后，我们使用一个`span`元素作为勾的形状，并将其剪切为白色。 在`<svg>`标签中，我们使用`<defs>`标签定义了一个剪切路径`tick-mask`，并将`clipPathUnits`设置为`objectBoundingBox`，这样可以将单位设置为比例[0,1]，以适应不同大小的形状。在`<path>`元素中，我们使用贝塞尔曲线的路径描述了勾的形状。 通过设置`-webkit-clip-path`和`clip-path`属性，我们将剪切路径应用到了`span`元素上，从而实现了使用贝塞尔曲线剪切路径的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值