Using DrawerJs , it is possible to populate and create objects on canvas ; such as geometrical shapes or images . You can also give any shape a gradient, you can easily include text and dynamically modify its alignment, size, font family, as well as other properties and use image filters to your drawing. You may group objects all together, and then adjust them simultaneously. By using lines and arrows to group and connect various parts of your drawing will be easy. You may include shadow to certain object. And make it easily draggable by its content. Objects can also be conveniently flipped in almost any direction or even locked in scaling, movement, etc. It is also possible to clip object to any kind of shape or use color and pattern to fill the object and, certainly, choose free drawing to draw anything you want.
DrawerJs offers a combination of user friendly interface for canvas drawing with effective image/canvas editing systems. DrawerJS enables you to resize crop canvas easily. You can do this either at initialization time, or even afterwards. Specifying one or both might possibly resize the objects when it will be used on the canvas. The object or image can be stretched when the given size contains a different height:widht ratio than the original. DrawerJS is really easy to customize with a plugin for Imperavi’s Redactor, and it includes a lot of canvas editing features,