02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoNext Video

Pixel manipulation

Canvas items when rendered are represented as bitmap data and as such the canvas API comes with a way for us to manipulate data on the bitmap level. By the end of this lesson you will know how to fetch the pixel data and manipulate it.

Keynotes:

  • Pixel manipulation.
  • Canvas data pixel by pixel.
  • Inverting an image.

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!

Working with Text

Although canvas main usage is to draw at times you might need to add text into canvas to do that we will take advantage of a few build int methods and properties of canvas 2d API.

08:51

Pixel manipulation

By the end of this lesson you will know how to fetch the pixel data and manipulate it.

07:27

The Art of clipping

In this lecture we will learn how to work with the clip method.

09:16

Transforming the canvas

In this lecture, we will learn how to transform the canvas.

05:54

scale, rotate and translate

To wrap up this title we are going to cover three last major methods that manipulate the full canvas.

06:26