UIBezierPath from image

Question

I have several png files that look similar to this this:

enter image description here

Everything is transparent but the black path. What I am trying to do is create a UIBezierPath from the non transparent part.

Edit: So I was thinking what about creating a mask with the png then from the mask go to a UIBezierPath. Would that work?

Edit Again: I found the solution, look at my answer.

yikes. this is a hard problem - more like a science project than a coding question 1) need to extract points from the image, 2) need to fit a bezier to the data. Check out http://docs.opencv.org/doc/tutorials/ios/image_manipulation/image_manipulation.html for feature extraction, and http://www.cs.mtu.edu/~shene/COURSES/cs3621/NOTES/spline/Bezier/bezier-construct.html for Bezier derivation. — danh, Mar 06 '13 at 16:18

score 6 · Accepted Answer · answered Mar 07 '13 at 19:25

6

I went a different direction. Instead of using PNGs I went with SVG and used PocketSVG to parse the file. It works great.

answered Mar 07 '13 at 19:25

Jonathan

Good choice. You could also create your own, optimized file format if that is required, as well. – Richard J. Ross III Mar 07 '13 at 20:51

score 1 · Answer 2 · edited May 23 '17 at 11:53

1

The process you're looking for is known as skeletonization, there's a good summary of techniques in this post: Determine the midline of a bent, elongated region

edited May 23 '17 at 11:53

Community

answered Mar 06 '13 at 17:23

kineticfocus

Thanks for the input, I went a different direction and it works great. – Jonathan Mar 07 '13 at 19:23

2 Answers2