Share
Create bookmark
Canvas Pocket Reference
Scripted Graphics for HTML5
Notes
Please login to add notes
- Table of Contents
- Preface
-
+
Chapter 1. Canvas Tutorial
- Drawing Lines and Filling Polygons
- Graphics Attributes
- Canvas Dimensions and Coordinates
- + Coordinate System Transforms
- Drawing and Filling Curves
- Rectangles
- Colors, Transparency, Gradients, and Patterns
- Line-Drawing Attributes
- Text
- Clipping
- Shadows
- Images
- Compositing
- Pixel Manipulation
- Hit Detection
- Canvas Example: Sparklines
-
+
Chapter 2. Canvas Reference
- Canvas
- Canvas.getContext()
- Canvas.toDataURL()
- CanvasGradient
- CanvasGradient.addColorStop()
- CanvasPattern
- CanvasPixelArray
- CRC
- CRC.arc()
- CRC.arcTo()
- CRC.beginPath()
- CRC.bezierCurveTo()
- CRC.clearRect()
- CRC.clip()
- CRC.closePath()
- CRC.createImageData()
- CRC.createLinearGradient()
- CRC.createPattern()
- CRC.createRadialGradient()
- CRC.drawImage()
- CRC.fill()
- CRC.fillRect()
- CRC.fillText()
- CRC.getImageData()
- CRC.globalCompositeOperation
- CRC.isPointInPath()
- CRC.lineCap
- CRC.lineJoin
- CRC.lineTo()
- CRC.measureText()
- CRC.miterLimit
- CRC.moveTo()
- CRC.putImageData()
- CRC.quadraticCurveTo()
- CRC.rect()
- CRC.restore()
- CRC.rotate()
- CRC.save()
- CRC.scale()
- CRC.setTransform()
- CRC.stroke()
- CRC.strokeRect()
- CRC.strokeText()
- CRC.transform()
- CRC.translate()
- ImageData
- TextMetrics
- Index
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
Test the closed alpha on paperc.com
Book Details
Authors
Categories
Computers > Web > Page Design
Publishers
Publication year : 2010
License: All rights reserved ©
Times read: 618
