Digital image processing are mechanisms that always exist when working with images in web applications, re-scaling, reducing quality, rotating, among others, can be done in CodeIgniter 4.

We are going to explain what the UPLOAD or file upload process is in CODEIGNITER 4 taking as a case study the upload of the user's AVATAR.

We're going to use a plugin to configure the PhotoView in a Flutter application; with this plugin we can create a gallery with zoom and rotation effects.

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.

Transitions are progressive, smooth, and visually appealing state changes; with CSS we can alter the size, spacing, color, borders, opacity, and in short, any property with its assigned value that applies a shape or style to an element. We can also use steps() to control the movement of animations by indicating the number of "frames" or jumps that we want an animation or transition to consist of.

It explains how to create a reflection of an image using the webkit-box-reflect property, as well as its basic syntax that allows changing the position, displacement, and even the possibility of applying masks to create reflections.

It explains how to use the CSS invert filter on images, we do several examples with the CSS3 invert filter along with hover, transitions, and a complete example, the invert filter inverts the colors of the images.

In this entry we will see how to display pixelated images using the image-rendering property in conjunction with its pixelated value; we will also discuss possible use cases for this property and other values ​​of it.

The CSS clip-path property allows you to specify regions of any of the existing HTML elements through geometric shapes.

This property is the shorthand way to set other related properties, including those related to the color and background images of an element; that is, those whose prefix is ​​background-.