I am trying to build a tool where it is possible to create your own personal poster. The users can modify their poster with different images, colors, text, … All of it is contained in a single <div id="divToImage">. I would like to save this div into the database of the website as an image. Therefore I have already tried to use the html2canvas and dom-to-image library. These two libraries try to convert the div into a canvas which makes it possible to save or create a dataUrl of it.
However, the creation of the canvas has some limitations. The maximum amount of pixels on an iPhone is pretty low. It freezes my website when I try to convert the div into the canvas via one of those two dependencies.
So my question is whether there is another way to save the div into the DB without size limitations (because the image will be quite large in size and quality).
Maybe a way to change the increase the maximum size of the canvas on iPhone? …
I am a bit stuck here on the possibilities