We have been enrolled to make a web application that simply allows be to drag and edit text across an image which can then be converted and downloaded as JPEG or PDF (I will use a separate library for this). The data will also need to be saved to our server on an AJAX call. So my criteria for this library really is to make it as easy as possible to do the following -

1) Drag and edit existing text blocks over a high resolution image (will be exported at 300 DPI)

2) Make it possible to save the data to database so it can be recovered and editing resumed at any time.

I look forward to your thoughts and suggestions!

1 Answer 1



  • Open source
  • You can drag around, rotate, scale and edit text blocks
    A demo of the edit feature can be found here.
  • Adding image backgrounds is possible.
    However, you would need to test whether Fabric.js and your favorite browser are capable of handling big images (as you described).
  • Loading and saving canvas states is possible.
    See here for an example.
    Screenshot of Fabric.js in action
    Image source: http://fabricjs.com/kitchensink/ → 'SVG' tab → '41787 paths'
  • It is called Fabric.js. You should correct that typo. Commented Jul 28, 2014 at 22:33
  • @moose Nick Wilde just corrected it. You can simply suggest an edit (click 'edit') the next time and some people will hopefully approve corrections of typos.
    – ComFreek
    Commented Jul 29, 2014 at 7:50
  • @ComFreek This looks exactly what I need - thanks very much for the great library suggestion and fully considering my question.
    – Chris
    Commented Jul 29, 2014 at 8:30

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.