Path的用法总结

最新推荐文章于 2024-06-12 17:24:03 发布
最新推荐文章于 2024-06-12 17:24:03 发布
阅读量1.3k 收藏
点赞数
文章标签： 数据结构与算法
原文链接：https://juejin.im/post/5b58131ff265da0f563ddfde
版权

Path的用法总结

在之前总结canvas以及paint的时候说过，绘制需要的四个组件：一个保存像素的Bitmap，一个主持绘画操作的Canvas（往Bitmap写东西），一个绘制的基本元素（例如Rect,Path,Text,Btimap），一支画笔（用来描述绘画的颜色与风格）。canvas以及paint都已经总结了，接下来就是绘制的基本元素了，Rect、Text、Bitmap都不叫简单，绘制的基本元素就总结一下Path的用法。

Path的基本用法

先来看看Path的一些方法

1、我们先来试试画直线的方法，先试试lineTo方法

mPath.lineTo(500f, 500f)
mPath.lineTo(100f, 200f)
mPath.lineTo(300f, 200f)
mPath.lineTo(100f, 500f)
mPath.close()
canvas.drawPath(mPath, mPaint)
复制代码

close方法是将路径进行闭合，可以看到lineTo默认的是从上一个点继续绘制，如果没有上一个点或者没有调用moveTo方法，则默认是View的坐标原点（0,0），而且lineTo所传参数的坐标点都是以View的坐标为基准的。下面是换成rLineTo的效果 

mPath.rLineTo(500f, 500f)
mPath.rLineTo(100f, 200f)
mPath.rLineTo(300f, 200f)
mPath.rLineTo(100f, 500f)
mPath.close()
canvas.drawPath(mPath, mPaint)
复制代码

可以看到明显的区别，rLineTo的参数坐标点是以上一个点位坐标原点来计算的

2、如果不想继续上一个点继续画的话，可以使用moveTo操作

mPath.lineTo(500f, 500f)
mPath.moveTo(500f, 300f)
mPath.lineTo(100f, 200f)
mPath.close()
canvas.drawPath(mPath, mPaint)
复制代码

可以看到第二条直线并没有继续从(500,500)的点接着画，而且close方法也没有闭合path。 close方法的注释是这样解释的：关闭当前的轮廓，如果这条轮廓当前点不是开始点，就会自动添加一条直线。 moveTo方法的注释是这样的：设置下一个轮廓起点的位置。 其实从两个方法的注释可以看出，一个Path应该是多个contour(轮廓)的组合，一个contour是一条不间断的连线，调用moveTo方法的时候会打断上一个contour，close方法会闭合一个没有闭合的contour。

3、还有一个rMoveTo的方法，其实跟moveTo差不多，都是设置下一个contour的开始点，不过r开头的是以上一个contour的结束点作为坐标原点来计算点的位置。Path里面有好几在其他方法前面加r的方法，其实都是差不多的意思，没有加r的是以View的坐标系作为绝对坐标，而r开头的是以上一个点作为相对坐标。

4、贝瑟尔曲线方法，quadTo，cubicTo，rQuadTo，rCubicTo

mPath.moveTo(point1.x, point1.y)
mPath.quadTo(controlPoint1.x, controlPoint1.y, point2.x, point2.y)
mPath.quadTo(controlPoint2.x, controlPoint2.y, point3.x, point3.y)
canvas.drawPath(mPath, mPaint)
复制代码

quadTo前两个参数是控制点的坐标，后两个参数是曲线结束点的坐标，因为quadTo是二阶曲线，只需要一个控制点，而cubicTo是三阶曲线，需要两个控制点 

mPath.moveTo(point1.x, point1.y)
mPath.cubicTo(controlPoint1.x, controlPoint1.y, controlPoint2.x, controlPoint2.y, point2.x, point2.y)
mPath.cubicTo(controlPoint3.x, controlPoint3.y, controlPoint4.x, controlPoint4.y, point3.x, point3.y)
canvas.drawPath(mPath, mPaint)
复制代码

5、添加图形的方法

mPath.addCircle(300f, 300f, 100f, Path.Direction.CW)
mPath.addOval(RectF(500f, 50f, 800f, 300f), Path.Direction.CW)
mPath.addRect(RectF(50f, 500f, 500f, 800f), Path.Direction.CW)
mPath.addArc(RectF(600f, 500f, 1200f, 800f), 0f, 270f)
canvas.drawPath(mPath, mPaint)
复制代码

可以看到封闭的contour都需要传一个Direction的参数，可以选择顺时针方向或者逆时针方向，它只是在需要填充图形，并且图形出现自相交时，用于判断填充范围的。怎样填充需要根据fillType来决定。还有一个方法arcTo跟addArc是有区别的 

mPath.lineTo(200f, 300f)
mPath.arcTo(RectF(500f, 300f, 1200f, 600f), 0f, 120f, true)
canvas.drawPath(mPath, mPaint)
复制代码

arcTo比addArc多了一个参数forceMoveTo，当为true的时候跟addArc是一样的，但是为false的时候，会自动连接圆弧的起点，并不是开始一个新的contour。

Path的填充

Path通过setFillType(FillType ft)来设置填充类型，FillType有四种类型，WINDING、EVEN_ODD、INVERSE_WINDING、INVERSE_EVEN_ODD，我们看一下这四种type的注释：

  • WINDING：确定图形内部，非零环绕数原则
  • EVEN_ODD：确定图形内部，奇偶原则
  • INVERSE_WINDING：跟WINDING一样，但是是画图形的外部，而不是内部
  • INVERSE_EVEN_ODD：跟EVEN_ODD一样，但是是画图形的外部，而不是内部

非零环绕数原则）：首先，它需要你图形中的所有线条都是有绘制方向的，然后，同样是从平面中的点向任意方向射出一条射线，但计算规则不一样：以 0 为初始值，对于射线和图形的所有交点，遇到每个顺时针的交点（图形从射线的左边向右穿过）把结果加 1，遇到每个逆时针的交点（图形从射线的右边向左穿过）把结果减 1，最终把所有的交点都算上，得到的结果如果不是 0，则认为这个点在图形内部，是要被涂色的区域；如果是 0，则认为这个点在图形外部，是不被涂色的区域

奇偶原则：对于平面中的任意一点，向任意方向射出一条射线，这条射线和图形相交的次数（相交才算，相切不算哦）如果是奇数，则这个点被认为在图形内部，是要被涂色的区域；如果是偶数，则这个点被认为在图形外部，是不被涂色的区域。 

mPath.addCircle(300f, 300f, 200f, Path.Direction.CW)
mPath.addCircle(300f, 300f, 150f, Path.Direction.CCW)
mPath.addCircle(600f, 300f, 200f, Path.Direction.CW)
mPath.fillType = Path.FillType.WINDING
canvas.drawPath(mPath, mPaint)
复制代码

把fillType设置为INVERSE_WINDING
把fillType设置为EVEN_ODD
把fillType设置为INVERSE_EVEN_ODD

Path的布尔操作

Path可以通过op方法来对两个Path进行布尔运算（即交集并集），op有一下几种类型：

  • DIFFERENCE：差集操作，从第一个Path里减去第二个Path
  • INTERSECT:交集操作
  • UNION：并集操作
  • XOR:异或操作，包含Path1与Path2但不包括两者相交的部分
  • REVERSE_DIFFERENCE：与DIFFERENCE相反，从第二个Path里减去第一个Path

示例

 mPath.addCircle(300f, 300f, 200f, Path.Direction.CW)
 val path = Path()
 path.addCircle(600f, 300f, 200f, Path.Direction.CW)
 mPath.op(mPath, path, Path.Op.INTERSECT)
 canvas.drawPath(mPath, mPaint)
复制代码

DIFFERENCE：
INTERSECT：
UNION：
XOR：需要填充才能看效果

Path的辅助操作

  • isEmpty可以用来判断Path是否为空（没有包含任何的直线和曲线）
  • isRect判断path是否是一个矩形,如果是矩形，会把矩形信息写进传入的Rect参数
  • computeBounds计算Path的边界
  • reset清除Path中的内容，但会保留FillType
  • rewind清除Path中的内容,会保留内部的数据结构，但不保留FillType

Path的偏移与变换

1、可以通过offset方法来对path进行偏移

mPath.addCircle(300f, 300f, 200f, Path.Direction.CW)
canvas.drawPath(mPath, mPaint)
/**
 * @param dx x方向的偏移量
 * @param dy y方向的偏移量
 */
mPath.offset(500f, 100f)
canvas.drawPath(mPath, mPaint)
复制代码

2、可以通过transform(Matrix matrix)方法通过matrix对path进行变换，跟canvas的matrix变换类似

weixin_34344403
关注
python3 pathlib库Path类方法总结
09-18
### Path类方法 #### 导入pathlib库 要使用pathlib库中的Path类，首先需要导入它。标准的导入语句如下： ```python from pathlib import Path ``` #### 创建Path对象 创建Path对象非常简单，只需将一个路径字符...
svg之<path>详解
weixin_34228617的博客
05-03 292
path元素的形状是通过属性d定义的，属性d的值是一个“命令+参数”的序列。 每一个命令都用一个关键字母来表示，每一个命令都有两种表示方式。 一种是用**大写字母**，表示采用**绝对定位**。 另一种是用**小写字母**，表示采用**相对定位** （例如：从上一个点开始，向上移动10px，向左移动7px） 因为属性d采用的是用户坐标系统...
Path类的简单用法
Kelly_Ai_Bai的博客
12-03 658
Path类的简单用法
Path的常用用法
Ka_kaen的博客
09-16 267
原文链接：https://blog.csdn.net/hxj0323/article/details/113374539。方法名 : is_dir()、 is_file()方法名 : is_absolute()方法名 : .with_suffix。方法名 : .iterdir()方法名 : .joinpath。方法名 : .exists()方法名 : .parent。方法名 : .suffix。方法名 : .name。方法名 : .stem。方法名 : .glob。
linux中PATH环境变量的作用和使用方法
热门推荐
LHS的专栏
12-15 2万+
关于PATH的作用： PATH说简单点就是一个字符串变量，当输入命令的时候LINUX会去查找PATH里面记录的路径。比如在根目录/下可以输入命令ls,在/usr目录下也可以输入ls,但其实ls这个命令根本不在这个两个目录下，事实上当你输入命令的时候LINUX会去/bin,/usr/bin,/sbin等目录下面去找你此时输入的命令，而PATH的值恰恰就是/bin:/sbin:/usr/bin:……
Path的基本使用
最新发布
qq_43420577的博客
06-12 302
File: File file_input = new File(“MainFile”+File.separator+“计算数据”+File.separator+“json数据”+File.separator+“inputjson.json”);即使使用了File.separator来处理也会存在安全问题。2、删除带有某些后缀的文件。
node.js中的path.delimiter方法使用说明
10-25
Node.js中的path.delimiter方法是Node.js官方文档...记住，在使用之前需要引入Node.js的path模块，并且确保不要混淆与path其他方法的使用，例如path.join或path.resolve等，它们虽然与路径有关，但功能和用法都不相同。
CSS3 clip-path 用法介绍详解
09-27
clip-path属性的用法包括但不限于以下几种： - 圆形裁剪：通过指定圆的半径和圆心位置来裁剪出圆形区域。 - 椭圆形裁剪：通过指定两个半径（水平半径和垂直半径）和圆心位置来裁剪出椭圆形区域。 - 多边形裁剪：...
node.js中的path.sep方法使用说明
10-25
在Node.js中，`path.sep` 是一个非常实用的常量，它用于获取当前操作系统使用的路径分隔符。这个方法是Node.js内置的`path`模块的一部分，主要用于处理和操作文件路径。理解并正确使用`path.sep`对于编写跨平台兼容...
python 上下文管理器使用方法小结
12-24
with open('/path/to/file', 'r') as f: f.read() with 语句的基本语法， with expression [as variable]: 　with-block expression是一个上下文管理器，其实现了enter和exit两个函数。当我们调用一个with语句时...
matplotlib之path
weixin_33935777的博客
04-11 2660
2019独角兽企业重金招聘Python工程师标准>>> ...
java+中path注解_spring注解@Path详细使用说明
weixin_42181888的博客
02-27 4326
@Path这个是JAVA中JAX-RS (JSR-311) 实现的注解。JAX-RS (JSR-311) 是为 Java EE 环境下的 RESTful 服务能力提供的一种规范。它能提供对传统的基于 SOAP 的 Web 服务的一种可行替代。多年来，开发人员使用各种工具在其 Java 应用程序内创建 RESTful 服务。由于 REST 架构的简单性，主要需求 — 接收 HTTP 消息和头部的能力...
Creating your own markers with mpath.Path(np.asarray((u,v)).T, codes)
Linli522362242的专栏
02-23 322
Creating your own markers my_marker = mpath.Path(np.asarray((u,v)).T, codes) Shapes are described by the movements of a cursor. We use the following three types of instructions: MOVETO: This instru...
matplotlib高级教程之形状与路径——patches和path
simple的博客
03-01 2309
一、什么是形状和路径 在一般的使用matplotlib进行绘图的时候，线形图、条形图、折线图、扇形图等等都是我们常见的一些绘图函数，但是有时候我们需要绘制一些特殊的形状和路径，比如我们要绘制一个椭圆，我们当然可以通过椭圆的函数表达式，然后选取一系列的（x,y)的坐标值进行依次相连，但是这样效率低下，而且不太好看。 1、形状 指的是matplotlib.patches包里面的一些列对象，比如我们常见的箭头，正方形，椭圆等等，也称之为“块” 2、路径 什么是路径？ 表示一系列可能断开的、可能已关闭的线和曲线段.
Retrofit 网络请求参数注解@Path @Field @Query 等使用
小牧在一直在学习,在前进的道路上大家一起学习，进步。
11-21 8116
请求参数呢大致如下，到个别人的图， 下面就说下这些内容使用 其中@Path、@Query、@QueryMap 使用 Get 请求 ， 加入使用了Post 请求注解使用@Path 一般都会是项目崩溃的， 所以这里我总结了一下自己使用的经验 1 @Path 会是url 中带有参数一般配合{} 一起 @GET("toutiao/index/{type}/{key}") Ob...
@Inject 注解初识
向心行者
12-01 3034
  注解以前学习Java的时候也学过，是在学习Spring的时候，但是@Inject 注解还真是头一次见乘着休息时间赶紧学习一下。正好手里有有本书《Java程序员修炼之道》，书中对@Inject 注解讲解的比较清楚，所以来和大家分享一下。   @Inject 注解可以出现在三种类成员之前，表示该成员需要注入依赖项。按运行时的处理顺序这三种成员类型是： （1）构造方法 （2）方法 （3）属性   在构造方法上使用 @Inject 时，其参数在运行时由配置好的IoC容器提供。比如，在下面的代码中，运行时调用Mu
@Path=====使用====@PathParam、@PathVariable和@QueryParam
qq_27827469的博客
08-29 270
import javax.ws.rs.GET; import javax.ws.rs.Path; import javax.ws.rs.PathParam; import javax.ws.rs.Produces; import javax.ws.rs.QueryParam; import javax.ws.rs.core.MediaType; import org.springframewo...
鸿蒙Harmony应用开发—ArkTS声明式开发（绘制组件：Path）
m0_64420071的博客
03-18 1085
ArkTS声明式开发（绘制组件：Path）
C#入门学习：Directory与Path类常用方法总结
例如，`CreateDirectory(path)`方法用于创建一个新的目录，如果目录已存在，则不会抛出异常。`Delete(path, true)`方法删除指定的目录，如果第二个参数设置为`true`，即使目录非空也会删除。`Move()`方法则用于将一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值