Angular directive for canvas drawing

Hi, We have an internal web application now where we upload images (jpegs) of Visio drawings so that they can be used in reports that are printed out. I would rather give the users the ability to do the drawings in the web app itself. The user uses icons with text labels and draws arrows between them. They may also include a text block. Because we’ll need to be able to drag and drop the icons and text blocks, I was thinking the directive would use a canvas package like easeljs. • The directive should accept a list of urls for the icons that the user can drag (or add) to the canvas. The user should be able to add a text label to the icon. • The background image should be configurable • The user should be able to drag and drop objects on the canvas • The user should have the ability to draw arrows between icons • The user should be able to add borderless text blocks that are also draggable