Canvas Animation Library
 

clipRTo Library Method

Short Description: Animate Relative Clipping - Set end point

Signature: t.clipRTo (s,t,ws,wt,hs,ht) or (l,r,b)
Group: Shape
Class: transition Class
 
HTML Element
With some text.

The parameters have the same meaning as with clipR. The methods sets the end point of a clipping animation.

A clipping animation at the begin clips a certain part of the element and at the end another part. Both are set with clipRFrom and clipRTo. If either is missing, it defaults to the complete element or the part previously selected e.g. with clipR.

taccgl.actor("htmlel40",taccgl.triangle).clipRTo(0,0,1,0,0,1). dur(3). start();
RUN
taccgl.actor("htmlel40",taccgl.triangle).clipRTo(1,1,-1,0,0,-1). dur(3). start();
RUN
taccgl.actor("htmlel40",taccgl.triangle).clipRTo(1,0,-1,0,0,1). dur(3). start();
RUN
taccgl.actor("htmlel40",taccgl.triangle).clipRTo(0,1,1,0,0,-1). dur(3). start();
RUN
taccgl.actor("htmlel40",taccgl.triangle).clipRTo(0,0,1,0,0.5,0.5). dur(3). start();
RUN
taccgl.actor("htmlel40",taccgl.triangle).clipRTo(1,0,0,1,-0.5,0.5). dur(3). start();
RUN
taccgl.actor("htmlel40") . clipRTo (0,0,0.5,0,0,1) . dur(3). start();
RUN
taccgl.actor("htmlel40") . clipRTo (0.5,0.5,1,0,0,1) . dur(3). start();
RUN
taccgl.actor("htmlel40") . clipRTo (0.25,0.25,0.5,0,0,0.5) . dur(3). start();
RUN
taccgl.actor("htmlel40") . clipRTo (0.5,0,1,0.5,0,0.5) . dur(3). start();
RUN
taccgl.actor("htmlel40") . clipRTo (0,0,0.5,0,0,0.5) . clipRTo (0.5,0.5,0.5,0,0,0.5) . dur(3). start();
RUN
Next Page:transition.hV - Set Height Vector of Object
Previous Page: transition.clipRFrom - Animate Relative Clipping - Set starting point