spiralIcon

JSGS Shapes

TNTClover

Your browser does not support HTML5 Canvas
Notes:

Another common mathematical image in the 'polar coordinates' realm. Study your Precal! This shape is similar to a TNTRose except the shape does not close to the center.

TNTClover Features and Usage:
Primary Attributes:

6 Parameters:

  • center: TNTPoint
  • numberOfSides: an integer
  • petalRadius: a 'double'
  • fillColor: TNTColor (can be null for a framework image)
  • borderStroke: a TNTStroke: to set the border color as well as the thickness of the sides
  • rotationDeg: a 'double' that rotates the image about its center.
    rotn > 0 ==> counter-clockwise; rotn < 0 ==> clockwise
To Create:

The example above was created by:

var baylorGreen = new TNTColor(51, 90, 22, "baylorGreen");
var myClover = new TNTClover(origin, 4, 15, baylorGreen, blackStroke, 45);
myClover.drawTNTClover(context);
To Draw: myClover.drawTNTClover(context);