This drawOn symbol effect is easy to take for granted, but it was actually a lot of work to get right.
1. SF symbols are not strokes. If you look closely at the signature, not all portions of the path are the same width.
2. Moving along the path and naively filling it would look awful! Consider filling along curves where one side of the path is shorter than the other. You want the animation to fill gracefully, but there's nothing that connects the two sides of the path.
The solution was to annotate each symbol with these "railroad track" guides
もっと見る
