I want to make a drawing effect of tree that looks something like [this](http://www.stri.co.uk/wp-content/uploads/2011/12/STRI-Christmas-card.gif) one with a progressive line like [here](http://www.carto.net/svg/samples/animated_bustrack.shtml). I would prefer using only `css3` with `svg/canvas` and `js`. Do you have any ideas?

More info:

I tried to cut a tree into pieces and animate piece by piece the appearance but it's not cursive cause it's to much details on syncronizing delays and durations because every piece has a different length and so on. All of this is made without svg. I want to now if i can animate a line path.