HTML5 Canvas 2D Library
 

sliceH Library Method

Short Description: Split elements in set horizontally

Signature: m.sliceH (n,g,s,f)
Class: taccglMulti Class
 

Horizontally slices each transition a in the current set. Each transition is replaced by n transitions each handling a slice of the original transition. restrict is called selecting a horizontal slice for each transition. If g>0 this defines a gap between each of the slices of g pixels. If s!=0 each slice is s pixels wider than the slice before. If f!=0 each slice is by the factor f wider than the slice before.

Examples

var m=taccgl.ma("pgMiddleColumnTable").paint().sliceH(4,1). color("red").start();
RUN
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceH(4,50). color("red").start();
RUN
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceH(4,1,50). color("red").start();
RUN
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceH(4,1,0,0.5). color("red").start();
RUN
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceH(10).hide();
m.selModulo(2,0).rotateMiddle(0,1,0).start();
m.selModulo(2,1).rotateMiddle(0,-1,0).visAtEnd().start();
RUN
var m=taccgl.ma("pgMiddleColumnTable").paint().hide().sliceH(20);
aaa=taccgl.a("pgMiddleColumnTable");
m.mp(function(a,i){a.flyOut(aaa.x,aaa.y+aaa.h-100,i*5-50);}).sequence(5,-4).showBefore().start();
var n=m.cont().dur(10).start();
n.cont().flyHome().showAfter().start();
RUN

WebGL™ is a trademark of the Khronos Group Inc.

Next Page:taccglMulti.mult - Clones elements in the set multiple times.
Previous Page: taccglMulti.sliceV - Split elements in set vertically