I think my original post was rejected due to its size. If it did make it
through, then I apologize for the repost. I've taken out the SVG source a
put links to the files instead.
> right now i am working on keysplines
> and cant figure out how to mirror a keyspline...
> I'm using some thing like...keySpline=" 0 .75 .25 1"
> the...mirror of that...keySpline = ".75 1 1 .75"
In order to mirror the curve you are using, you need to reflect the curve
along the diagonal which travels from the lower-left to the upper-right (I'm
plotting the splines using the same coordinate system that is being used in
the SVG doc). If you plot the second spline that you are using, you will
see that it is not the mirror image (see first SVG below). Luckily for us,
the keySpline ranges are from 0 to 1. This makes it easy to reflect your
original curve. All you need to do is swap the x and y values. Your new
curve would be keySpline=".75 0 1 .25"
The first curve is your first keySpline
The second curve is your second keySpline
The third curve is the reflection of the first keySpline
As an aside, you can combine these two curves into one. Here's a sample
using one curve. If you imagine adding the reflected curve to the end of
the first keySpline, then you should see that the curve that is being used
here is similar to those two combined.
I've included an animation along the keySpline so that you can see where the
animation is on the keySpline during the animation of the circle.
I hope this helps,