SwiftUI—通过Path路径绘制不规则的线条和图形

简介: SwiftUI—通过Path路径绘制不规则的线条和图形

使用Path,并配合move和addLine绘制自定义的图形

示例代码:


Path { path in //首先添加一个路径,在闭包语句里进行路径形状的定义
   path.move(to: CGPoint(x: 30, y: 0)) //将路径的起点移到此处的坐标位置,也就是水平坐标为30,垂直坐标为0的位置
   path.addLine(to: CGPoint(x: 30, y: 200)) //然后通过addLine方法,从路径的起点,绘制一条直线,直线的终点坐标为{30, 200}
   path.addLine(to: CGPoint(x: 230, y: 200)) //接着从点{30, 200}开始,向右侧绘制一条直线,直线的终点坐标为{230, 200}。
    path.addLine(to: CGPoint(x: 230, y: 0)) //继续向上方绘制一条直线,直线的终点坐标为{230, 0}。
    path.move(to: CGPoint(x: 30, y: 300))
    path.addQuadCurve(to: CGPoint(x: 230, y: 300), control: CGPoint(x: 130, y: 450)) //通过addQuadCurve添加四边形曲线命令,绘制一条贝塞尔曲线,曲线的终点位于(230,300),曲线的控制点位于(130,450)
    path.addQuadCurve(to: CGPoint(x: 330, y: 300), control: CGPoint(x: 280, y: 220))
}
Path { path in
    path.addEllipse(in: CGRect(x: 100, y: 30, width: 200, height: 200)) //将椭圆移到当前路径位置
    path.addRoundedRect(in: CGRect(x: 100, y: 120, width: 200, height: 200), cornerSize: CGSize(width: 10, height: 10)) //加圆角矩形到当前路径
    path.addEllipse(in: CGRect(x: 100, y: 210, width: 200, height: 200))
}



2466108-15f8de46d532c9f4.webp.jpg


2466108-cc2fa65a682f8dd0.webp.jpg


目录
相关文章
|
前端开发
用CSS绘制最常见的40种形状和图形(一)
用CSS绘制最常见的40种形状和图形(一)
80 0
|
6月前
|
移动开发 前端开发 JavaScript
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
207 0
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
|
6月前
|
监控 API 计算机视觉
OpenCV这么简单为啥不学——1.4、基础标识绘制(绘制线line函数、rectangle函数绘制四边形、circle函数绘制圆形、putText函数绘制文字、putText绘制中文文字)
OpenCV这么简单为啥不学——1.4、基础标识绘制(绘制线line函数、rectangle函数绘制四边形、circle函数绘制圆形、putText函数绘制文字、putText绘制中文文字)
63 0
|
6月前
[Qt5] 矩形、圆和多边形ROI区域的交互(List View列表视图,halcon实现)
[Qt5] 矩形、圆和多边形ROI区域的交互(List View列表视图,halcon实现)
142 0
|
定位技术
Threejs使用Shapes实现不规则几何体,自定义绘图
Threejs使用Shapes实现不规则几何体,自定义绘图
1008 0
Threejs使用Shapes实现不规则几何体,自定义绘图
|
计算机视觉
Qt实用技巧:图形视图框架中图元将矩形边界改为不规则边界(用于选取和碰撞)
Qt实用技巧:图形视图框架中图元将矩形边界改为不规则边界(用于选取和碰撞)
Qt实用技巧:图形视图框架中图元将矩形边界改为不规则边界(用于选取和碰撞)
|
大数据 开发者
R 如何画图,图形参数、符号、线条和颜色| 学习笔记
快速学习 R 如何画图,图形参数、符号、线条和颜色
162 0
R 如何画图,图形参数、符号、线条和颜色| 学习笔记
在画图软件中,可以画出不同大小或颜色的圆形、矩形等几何图形。几何图形之间有许多共同的特征,如它们可以是用某种颜色画出来的,可以是填充的或者不填充的。
编写Java程序:在画图软件中,可以画出不同大小或颜色的圆形、矩形等几何图形。几何图形之间有许多共同的特征,如它们可以是用某种颜色画出来的,可以是填充的或者不填充的。
openlayers之绘制矩形星星拉框放大自定义图形
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gisdoer/article/details/83036414 简介:openlayers绘制矩形、星星、拉框绘制,以及自定义图形。
1617 0
|
前端开发 Windows
C#WPF 如何绘制几何图形 图示教程 绘制sin曲线 正弦 绘制2D坐标系 有图有代码
原文:C#WPF 如何绘制几何图形 图示教程 绘制sin曲线 正弦 绘制2D坐标系 有图有代码 C#WPF 如何绘制几何图形? 怎么绘制坐标系?绘制sin曲线(正弦曲线)? 这离不开Path(System.Windows.Shapes)和StreamGeometry(System.Windows.Media)类。
2203 0