1

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!

3

Fabric.js

  • 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. – Martin Thoma Jul 28 '14 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 Jul 29 '14 at 7:50
  • @ComFreek This looks exactly what I need - thanks very much for the great library suggestion and fully considering my question. – Chris Jul 29 '14 at 8:30

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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