Just like the main image, you will be able to apply different filters to the overlaid image as well. Instead of copying the parent or filling the layer with a solid color, you also have the option to load any other image in the layer and overlay it on the parent. For example, you can increase the brightness of the newly created layer by using (10). All the filters that we learned about in the previous tutorial can also be applied on the new layer that we are creating. You can also copy the contents of the parent layer to the new layer using the copyParent() method. Similarly, you can control the opacity of the new layer using the opacity() method.Īny new layer that you create can be filled with a solid color using the fillColor() method. This function can be used for a lot of tasks like setting the blend mode for the new layer using the setBlendingMode() method. When you create a new layer, you can also pass a callback function which will be useful if you intend to manipulate layer. You can create a new layer on the canvas using the newLayer() method. Whenever you create a new layer and apply it on the parent layer, the default blend mode used will be normal.

You can create nested layers, but they will always be applied on their parent layer like a stack. CamanJS allows you to create multiple layers to enable you to edit your images in a more sophisticated manner. All the filters that we applied only manipulated that main layer.

In the first tutorial, we only worked with a single layer which contained our image. In this tutorial, we will cover some more advanced features of the library like Layers, Blend Modes, and Events. CamanJS also has some other built-in filters like Nostalgia, Pinhole, Sunrise, etc., which we applied directly to the image. In the previous tutorial, you learned how to create an image editor using CamanJS which can apply basic filters like contrast, brightness, and noise to an image.

Free photo editor with layers and cut