Html5 Canvas Notes for Professionals

Chapter 15: Charts & Diagrams
151
......................................................................................................................... 
Section 15.1: Pie Chart with Demo
 
151
............................................................................................................................ 
Section 15.2: Line with arrowheads
 
152
 .......................................................................................................................... 
Section 15.3: Cubic & Quadratic Bezier curve with arrowheads
153
........................................................................... 
Section 15.4: Wedge
 
154
.................................................................................................................................................. 
Section 15.5: Arc with both fill and stroke
 
155
............................................................................................................... 
Chapter 16: Transformations
 
157
 .............................................................................................................................. 
Section 16.1: Rotate an Image or Path around it's centerpoint
 
157
 ............................................................................. 
Section 16.2: Drawing many translated, scaled, and rotated images quickly
 
158
.................................................... 
Section 16.3: Introduction to Transformations
159
....................................................................................................... 
Section 16.4: A Transformation Matrix to track translated, rotated & scaled shape(s)
 
160
 ..................................... 
Chapter 17: Compositing
167
....................................................................................................................................... 
Section 17.1: Draw behind existing shapes with "destination-over"
167
...................................................................... 
Section 17.2: Erase existing shapes with "destination-out"
167
................................................................................... 
Section 17.3: Default compositing: New shapes are drawn over Existing shapes
 
168
.............................................. 
Section 17.4: Clip images inside shapes with "destination-in"
168
............................................................................... 
Section 17.5: Clip images inside shapes with "source-in"
168
...................................................................................... 
Section 17.6: Inner shadows with "source-atop"
 
169
 ..................................................................................................... 
Section 17.7: Change opacity with "globalAlpha"
169
 ................................................................................................... 
Section 17.8: Invert or Negate image with "dierence"
 
170
......................................................................................... 
Section 17.9: Black & White with "color"
170
.................................................................................................................. 
Section 17.10: Increase the color contrast with "saturation"
171
................................................................................. 
Section 17.11: Sepia FX with "luminosity"
171
 ..................................................................................................................