Use case:

I use YourQuote app to write poetry. If you haven't seen what it does already:

1. It gives us some template images to write our writings on
2. Gives us the ability to use any image we like as template
3. Renders the text of our poems/writings on the image itself (meanwhile putting them in the title attribute tag of the img tag on their website for SEO)

I hate writing on mobile, my thumbs ache.

I'm trying to build a simple desktop tool which would

1. // same as the 1st and 2nd points above
2. Let desktop users write their writing with a draftjs editor
3. Find a way to merge the text in the image using canvas (I have not come across any other method that I could use instead).

Can draftjs editor data be rendered easily on canvas?

My background: I've never used draftjs or canvas before.

---

Edit:

After reading through some stuff I've found these:

1. It's possible to make svg blobs of DOM programmatically copy dom to "paste" it the canvas (codepen.io/gdad-s-river/pen/rGbBbq).
2. More general implementation seems to be out there as well (github.com/tsayen/dom-to-image).

But it's mostly copy pasting the dom into the canvas, there doesn't seem to be an declarative api for rendering on canvas from draftjs data (for example react-canvas), or is there?

---