News

Fabric.js : A Powerful JavaScript Library to work with Canvas

Posted by Mahesh Chand News | JavaScript, CSS Dec 19, 2012
Fabric.js : A Powerful JavaScript Library to work with Canvas
JavaScript is becoming more and more popular these days. Now, with Fabric.js, we can even draw simple and complex shapes using JavaScript. 

From the website:

Fabric.js is a powerful and simple Javascript canvas library that can be used to draw shapes on a canvas. 

Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes — rectangles, circles, ellipses, polygons, or more complex shapes consisting of hundreds or thousands of simple paths.

You can then scale, move, and rotate these objects with the mouse; modify their properties — color, transparency, z-index, etc. You can also manipulate these objects altogether — grouping them with a simple mouse selection.

You can add text on canvas and dynamically manipulate its size, alignment, fontfamily and other properties. You can apply filters to images, making them grayscale or removing background. You can serialize the entire canvas into a JSON string — saving it locally or on a server — then completely restore it at any time. You can also export canvas data back into SVG at any time.

Learn more about Fabric.js here >

post comment
     

I remember there is now way to draw on the Web using GDI+. Silverlight provided an alternative but it failed badly.

Posted by Mahesh Chand Dec 19, 2012

Yes I agree. The reason I liked ASP.NET b/c we could get away from scripting but I guess Microsoft failed to provide a better server side Web programming language. I think TypeScript would help b/c it is more like a real-programming language, not script.

Posted by Mahesh Chand Dec 19, 2012

Using javascript we are moving to old programming day's isn't it?

Posted by Krishna Garad Dec 19, 2012
COMMENT USING
PREMIUM SPONSORS
Over-C is a holistic consortium of communications and technology specialists. We build, deploy and market both business as well as consumer products and solutions.
SPONSORED BY
  • PDF reports have never been easier to create. With our included WYSIWYG Designer, you can layout your reports, set up your data source and let DynamicPDF ReportWriter do the rest.
Get Career Advice from Experts