How to create a complex SVG layer fill animation based on CAShapeLayer

325 views Asked by At

As you can understand from the title of this question I am trying to achieve fill animation of CALayer(CAShapeLayer) of SVG file.

How complex should be animation you can see from the images I attached.
P1. a few ms after animation start P2. a few ms after P1

I decided to start just with a circle and animate it to fill a layer below. Everything works pretty well. enter image description here

So, I started building UIBezierPath or something like that but it looks like I am going the wrong direction.

I would really appreciate if you can just give me different ideas how to achieve it. For SVG I use SVGKit. Maybe by using these set of classes, I can do something.

Thank you!

0

There are 0 answers