Text embedding with Canvas and JavaScript

Job ID: 36384441

Budget: $30 – $250 USD

Hello,
I am looking for a developer who will change text embeding on Canvas to an open source WBO whiteboard: https://github.com/lovasoa/whitebophir.
I've created my own WBO version and changed the text logic to foreignObject.
My requests is :
I want to allow the user to edit text directly on Canvas, without noticing the transition between editing and viewing modes. I was thinking about a text editor that appears when the user clicks on a text area, and that can be closed by clicking the cursor away from it. The text displayed in that editor, should look identical to the text drawn on Canvas. Please, watch an example below.
Related categories: JavaScript HTML5 Node.js CSS3 SVG