The canvas element allows us to specify an area of ​​the page where we can draw and create all kinds of simple or complex graphics from basic primitives such as circles, ovals, rectangles, lines, polygons, text, etc. We will see examples of how to crop images, loops to draw lines, keyboard events, and how to obtain the RGB channel.

In this article we will see how to obtain the three RGB channels of an image and operate them separately, to do this we will place each channel in independent images that represent said channels.