Custom UIBezierPath in swift (Arc trouble)

Question

I write this code :

let leftUpPath = UIBezierPath() leftUpPath.move(to: CGPoint(x: 40, y: 40)) leftUpPath.addArc(withCenter: CGPoint(x: 40, y: 40), radius: 10, startAngle: CGFloat(Double.pi), endAngle: CGFloat(3*Double.pi), clockwise: true) leftUpPath.addLine(to: CGPoint(x: 30, y: 50)) leftUpPath.addLine(to: CGPoint(x: 90, y: 50)) leftUpPath.addLine(to: CGPoint(x: 80, y: 30)) leftUpPath.addLine(to: CGPoint(x: 40, y: 30))

and this show me this in my storyboard:

Story Board

but I want this :

what I want

If anyone have the solution, I think my trouble is where I draw the Arc... Thanks for your help

Is the start and end angles flipped?

David Rönnqvist
– David Rönnqvist

2018-07-10 20:50:52 +00:00
Commented Jul 10, 2018 at 20:50 — David Rönnqvist
– David Rönnqvist, Commented Jul 10, 2018 at 20:50

rmaddy · Accepted Answer · 2018-07-10 20:52:05Z

The first point and the arc were incorrect. You need:

let leftUpPath = UIBezierPath() leftUpPath.move(to: CGPoint(x: 40, y: 30)) leftUpPath.addArc(withCenter: CGPoint(x: 40, y: 40), radius: 10, startAngle: .pi * 3 / 2, endAngle: .pi, clockwise: false) leftUpPath.addLine(to: CGPoint(x: 30, y: 50)) leftUpPath.addLine(to: CGPoint(x: 90, y: 50)) leftUpPath.addLine(to: CGPoint(x: 80, y: 30)) leftUpPath.addLine(to: CGPoint(x: 40, y: 30))

If you're inspecting the path in a playground or the debugger, it's drawn in the usual mathematical geometry where y increases up. If you draw it in graphics context created by UIKit (e.g. UIGraphicsImageRenderer), it's drawn in the usual UIKit geometry where y increases down.

Collectives™ on Stack Overflow

Custom UIBezierPath in swift (Arc trouble)

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related