MIRRORED IMAGES

mirroring jpeg & png / mirroring in canvas

Joost v@n Meeteren


Rotten apple - examples 1

JPEG - original photo & mirrored copy

Rotten apple - JPEG - original position Rotten apple - JPEG - mirrored position


Rotten apple - examples 2

PNG - original photo & mirrored copy

Rotten apple - PNG - original position Rotten apple - PNG - mirrored position


Rotten apple - examples 3

Canvas - original photo & mirrored copy

Your browser does not support the HTML5 canvas tag. Your browser does not support the HTML5 canvas tag.


Editing photos. There are two methods available to mirror digital images. Programs like Office Picture Manager can be used for this purpose using the mirror transform process. The results of using the mirror transform process can be exported to a new file. The second method is using HTML Canvas.

The advantages of HTML Canvas. Mirroring an image can be executed with a source photo (in JPEG and PNG) by using Canvas mirror transform (a javascript code). Canvas nr. 1 represents the original position. Number 2 is the mirrored version. But nr. 1-2 are produced by one JPEG source file.

Conclusion. Using Canvas on a website is a very good choice. You avoid placing multiple images on the server, including the original photo and the mirrored version of it. And secondly, you can easily adjust the mirror transform process without compromising the quality of the original JPEG.


Compare. See also CROPPED IMAGES and BLACK & WHITE IMAGES and ROTATED IMAGES and HORIZONTALLY MIRRORED IMAGES and FILTERED IMAGES and DETAILS ON THE FOREGROUND and TEXT ON IMAGES.


WebDevelopment and WebDesign 2002-2019 © Joost van Meeteren
Web Developer/Designer/Photographer
Last update Tuesday, May 21, 2019 at 09:03