Search code examples
silverlightanimationsilverlight-3.0fontssilverlight-4.0

Simulate a handwritten signature in Silverlight: (e.g. A pen progressively draws the lines)


I'd like to have Silverlight draw the blue "L" and "C" in the image below, preferably in a way that the thickness of the line is maintained and speeds/up slows/down at the correct locations to simulate a handwritten signature.

alt text
(source: lamontconsulting.com)

Can anyone point me to the right way to do this? Thanks!


Solution

  • The first this is to take this raster graphic and turn it vector. There are different ways to do that, but I find Adobe Illustrator to be the best. It's got a feature called LiveTrace that will do this for you (PDF file). After you've got that, you could import that into Expression Blend and turn it into XAML (a PathGeometry). Once in Blend, you can animate any which way you like. What you'd want for this is a key frame animation.