loading...

. . . . . .

let’s make something together

Give us a call or drop by anytime, we endeavour to answer all enquiries within 24 hours on business days.

Find us

PO Box 14, Sir Baron Jayatilaka Mawatha, Colombo 1. Sri Lanka

Email us

[email protected]

Phone support

Phone: + (094) 117 652 500

Super Fast & Fool Proof Photo editing application?

  • 309 Views

Here is the solution for that. When it mentions ”Photoshop” its idea implies image customization, shapes adding, text adding, and changing like these kinds of stuff. If we’re planning to do an application like this, definitely we have to use a canvas and do these things on the canvas. As it gets more complicated if we expect to do it from pure Javascript. Therefore a library called “fabric.js” has developed for us.

Fabric.js means a simple JavaScript HTML5 library. You can add this online by the use of an online CDN. After downloading and then importing it can be used. Also, you can access this by installing it from the node version. According to my experience, I can assure you that fabric.js 3.6.6 is a stable version. Because lots of support modules work with this version without errors. As an example, modules like fabric-customize-controls-extension.

We can do quite a lot of things by using js. Some of them are listed down below.

  • We can create and populate objects on canvas; objects like simple geometrical shapes or complex shapes consisting of hundreds or thousands of simple paths
  • You can add text and dynamically manipulate its size, alignment, font family, and other properties
  • And also apply image filters to images
  • Built-in animation support
  • You can group objects, and manipulate them at the same time
  • You can add shadow to any object. Or make it draggable only by its content.
  • Objects can be easily flipped in any direction. Or locked in movement, scaling, etc.
  • You can clip any object to any shape
  • Canvas can be serialized to JSON or SVG and restored at any time
  • You can use free drawing to create anything you like
  • You can export as PNG, JPEG, and SVG

I have mentioned some of the related references below for further more clarification of Fabric js. Also if you prefer to get commercial support please shoot at [email protected].