Canvas Pocket Reference: Scripted Graphics for HTML5

by David Flanagan

Overview

The Canvas element is a revolutionary feature of HTML5 that enables powerful graphics for rich Internet applications, and this pocket reference provides the essentials you need to put this element to work. If you have working knowledge of JavaScript, this book will help you create detailed, interactive, and animated graphics — from charts to animations to video games — whether you're a web designer or a programmer interested in graphics.

Canvas Pocket Reference provides both a tutorial that covers all of the element's features with plenty of examples and a definitive reference to each of the Canvas-related classes, methods, and properties.

You'll learn how to:

• Draw lines, polygons, and curves
• Apply colors, gradients, patterns, and transparency
• Use transformations to smoothly rotate and resize drawings
• Work with text in a graphic environment
• Apply shadows to create a sense of depth
• Incorporate bitmapped images into vector graphics
• Perform image processing operations in JavaScript

Product Details

ISBN-13:	9781449396800
Publisher:	O'Reilly Media, Incorporated
Publication date:	01/12/2011
Pages:	107
Product dimensions:	4.20(w) x 6.80(h) x 0.40(d)

About the Author

David Flanagan is a computer programmer who spends most of his time writing about JavaScript and Java. His books with O'Reilly include JavaScript: The Definitive Guide, JavaScript Pocket Reference, Java in a Nutshell, Java Examples in a Nutshell, and Java Foundation Classes in a Nutshell. David has a blog at www.davidflanagan.com.

Table of Contents

Preface; Chapter 1: Canvas Tutorial; 1.1 Drawing Lines and Filling Polygons; 1.2 Graphics Attributes; 1.3 Canvas Dimensions and Coordinates; 1.4 Coordinate System Transforms; 1.5 Drawing and Filling Curves; 1.6 Rectangles; 1.7 Colors, Transparency, Gradients, and Patterns; 1.8 Line-Drawing Attributes; 1.9 Text; 1.10 Clipping; 1.11 Shadows; 1.12 Images; 1.13 Compositing; 1.14 Pixel Manipulation; 1.15 Hit Detection; 1.16 Canvas Example: Sparklines; Chapter 2: Canvas Reference;