Path 画线

178 阅读1分钟

大神链接

Path { path in
    path.move(to: CGPoint(x: 0.0, y: 0.0))
    path.addLine(to: CGPoint(x: 0.0, y: 200.0))
    path.addLine(to: CGPoint(x: 300.0, y: 200.0))
    path.addLine(to: CGPoint(x: 300.0, y: 0.0))
}
.fill(.orange)
.ignoresSafeArea()
截屏2022-11-12 10.04.18.png
Path { path in
    path.move(to: CGPoint(x: 0.0, y: 0.0))
    path.addLine(to: CGPoint(x: 0.0, y: 200.0))
    path.addLine(to: CGPoint(x: 300.0, y: 200.0))
    path.addLine(to: CGPoint(x: 300.0, y: 0.0))
}
.stroke(.orange,lineWidth: 5.0)
截屏2022-11-12 10.08.58.png
  • .closeSubpath() // 自动将起点与终点连接起来
Path { path in
    path.move(to: CGPoint(x: 0.0, y: 0.0))
    path.addLine(to: CGPoint(x: 0.0, y: 200.0))
    path.addLine(to: CGPoint(x: 300.0, y: 200.0))
    path.addLine(to: CGPoint(x: 300.0, y: 0.0))
    path.closeSubpath() // 自动将起点与终点连接起来
}
.stroke(.orange,lineWidth: 5.0)
截屏2022-11-12 10.11.42.png