jQuery 1.4 Animation Techniques - Index of

The properties we can set on text include:
Property Usage
font Sets the size and the font-family of the text.
[ 271 ]
Chapter 10
textAlign Sets the alignment of the text. Can be either start (the default),
end, left, right, or center.
textBaseline Sets the baseline of the text. Can be either alphabetic (the
default), top, hanging, middle, ideographic, or bottom.
Transformation methods
The can have the same transforms applied to it that we saw in the last chapter,
which can be applied using the following methods:
Method Usage
rotate(a) Rotates a shape by the specified number of radians.
scale(a, b) Scales a shape along each axis by the specified amount, with
a being the x axis and b the y axis.
translate(a, b) Translates the shape along each axis by the specified amount,
with a being the x axis and b the y axis.
transform(a, b, c, d, e, f) The transform() method is equivalent to the matrix
transform form function and can be used in the same way to
scale, translate, and/or skew the shape.
Pixel manipulation
The even allows us to work directly with the pixels in the canvas and can retrieve
shapes as imageData objects, or create shapes directly by manipulating the at
pixel-level. We have the following methods for manipulating pixels:
Method Usage
createImageData(a, b) Creates a new, blank imageData object using the supplied
arguments as width and height properties. This method can also be
passed another imageData object, which will cause the method
to return an (empty) imageData object the same width and
height as the original.
getImageData(a, b, c, d) Returns an imageData object containing the pixel data for the
specified area of the . Arguments a and b are the start
coordinates of the area, c and d are the width and height.
putImageData(a, b, c) Paints the pixel data to the . The first argument is the
imageData object to use, the second and third are the start
coordinates of the resulting shape.