Shapes should work on the Major Browsers.
Shapes should be versatile-all shape properties should be definable
The function that generates the shape should be based on simple geometry
Animated shapes may be morphed, rotated and moved etc by changing shape properties between animation frames.
For example in Figure 1, stars have been drawn with 4, 5, 6, and 7 points.
The star shape is based on two concentric circles, a large circle of radius R and a small circle of radius r.
The star is drawn along the lines a,b and b,c for each value of theta.
The centre of the star is located on the canvas at coordinates xC,yC and the number of star points is nSp.
lw= the width of the star strokes
arcCol= the colour of the star strokes
If fillStar= "true" the star is filled with the colour fillCol
rotAng= the rotation angle about the star centre- allows the star to be rotated in animations
context=a canvas identifier