July 2011
Intermediate to advanced
278 pages
7h 20m
English
Content preview from Supercharged JavaScript GraphicsBecome an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Chapter 6. HTML5 Canvas
One of HTML5’s most tantalizing features is the Canvas element. Taking
the form of a simple rectangular area within the page (similar to a div), Canvas allows you to draw sophisticated
graphics inside it using JavaScript. It was initially developed by Apple for
rendering user interface widgets and other imagery within the Mac operating
system and by the Safari browser. Apple released its patents relating to
Canvas under the World Wide Web Consortium’s (W3C) royalty-free licensing
terms. This means that Apple provides royalty-free licensing for Canvas when
it appears within the context of W3C HTML recommendations.
This chapter covers the basics of Canvas and uses it to implement various practical applications. A fully exhaustive coverage of the tag is beyond the scope of this book, but if this chapter whets your appetite, you may wish to consider the following titles to increase your knowledge:
Canvas Pocket Reference by David Flanagan (O’Reilly; http://oreilly.com/catalog/0636920016045)
HTML5 Canvas by Steve Fulton and Jeff Fulton (O’Reilly; http://oreilly.com/catalog/0636920013327)
Canvas is a low-level, immediate mode application programming interface (API):
- Low level
Canvas provides a fast but fairly basic feature set. For instance, rectangles are the only native primitive shape. However, you can augment the feature set via JavaScript programming.
- Immediate mode
Canvas drawing instructions are executed the moment they are called; unlike SVG, Canvas has no intermediate ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.