jQuery 1.4 Animation Techniques - Index of

Method Usage
fill() Colors in the shape created by the current path.
[ 269 ]
Chapter 10
lineTo(a, b) Creates a new sub-path from the current location to the
coordinates specified as arguments.
moveTo(a, b) Moves to the coordinates specified by the arguments
without drawing a new sub-path.
quadraticCurveTo(a, b, c, d) Draws a sub-path along a quadratic curve, which is a
curve with a single control point. Arguments a and b
represent the coordinates of the control point, while
arguments c and d represent the end coordinates of the
sub-path.
stroke() Colors in the outline of the current path list.
Paths have several properties that can be set including the style of the end of the line, or
cap, or how paths are joined:
Property Usage
lineCap Can be set to either butt (the default), round, or square.
lineJoin Can be set to either miter (the default), round, or bevel.
lineWidth A decimal specifying the width of the path.
miterLimit Determines the length between the inner point where two paths
connect and the outer point before the join is mitered.
Images and patterns
The canvas allows us to draw images to the canvas in the same way that we might assign
a background image to another element. We can also draw patterns based on images or
gradients. This category of methods includes:
Method Usage
drawImage(a, b, c) Draws an image on the . Argument
a is the image to draw and arguments b and
c are the coordinates to place the top-left
point of the image. Note that other variants
of this method exist which allow different
combinations of arguments allowing images to
be scaled and sliced.
createPattern(a, b) Draws a repeated pattern on the .
Argument a is the image to use as the pattern,
b is the type of repeat.