In a previous post, I described the steps I followed to start working with Fabric.js. In this post, I'll describe the steps I followed to add support for ports and connectors. Interactivity Out of the box Fabric.js enables you to select objects: You can also drag them around,…
Fabric.js
My 2D Diagram Editor - Part 5
In a previous post, I described the steps I followed to start working with AngularUI's Router. In this post, I'll describe the steps I followed to start working with Fabric.js. Fabric.js "Fabric.js is a powerful and simple Javascript HTML5 canvas library. Fabric provides an interactive object…
My 2D Diagram Editor - Part 2
In a previous post, I described the steps I followed to setup my environment (OSX Mavericks) for my 2D diagram editor. In this post, I'll describe the steps I followed to create the scaffolding for a new AngularJS application. Create a scaffold Several factors determine a software engineer's approach to…
My 2D Diagram Editor - Part 1
In a previous post, I described my requirements for a 2D diagram editor and shortlisted two HTML5 diagramming libraries: Fabric.js and Draw2D. In this post, I'll describe the steps I followed to setup my environment (OSX Mavericks) and to create the scaffolding for a new AngularJS application. Setting up…
Fabric.js or Draw2D?
During consulting engagements, I usually get to draw a lot of diagrams and lately I have been thinking about building a (domain specific) 2D diagram editor. At this point, I have the following requirements: support for basic geometrical shapes support for text (with the ability to manipulate its size, alignment,…