O'Reilly logo

Foundation HTML5 Canvas by Rob Hawkes

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 5. Manipulating Images and Video

In this chapter, you're going to learn all about using images in canvas, from loading images to manipulating every single pixel within an image. This functionality of canvas is going to allow you to create some impressive effects, and will teach you a whole bunch about how image manipulation works in general.

The chapter ends with a special look at how to manipulate HTML5 video using canvas — applying amazing effects onto a video, on the fly. It's genuinely exciting stuff!

Loading an image into canvas

In the previous chapter you learned how to export canvas as an image, allowing you to save it locally and share it with others. You're now going to learn how to do the complete opposite; loading an image into ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required