Generate Client-Side Canvas Images and Upload them efficiently without using too much memory
Budget: $30 – $250 USD
I have a work-in-progress product designer ((T-shirt, Bag etc)) application created in JS, React, Konva with a RoR Backend.
It is mostly functional ie basic designing works (using React-Konva), and the Printable Assets, and Preview Images are generated by using a generated canvas, generating a blob, and then sending a formData object to the server, which parses it and saves it.
However, on IOS, this does not work due to the 384 MB Canvas limit.
What I need is a way for this upload to work on mobile. I think one of the issues is that multiple canvases open simultaneously instead of sequentially due to async nature of some of the commands.
So basically, I need this process to be changed so that high quality images are being generated on a hidden canvas, possibly closing/destroying each canvas before generating a new one, so that canvas items never take too much memory which causes a crash on ios.
I can provide access to a git repo with all the code. Please create a separate branch for the work.
It is mostly functional ie basic designing works (using React-Konva), and the Printable Assets, and Preview Images are generated by using a generated canvas, generating a blob, and then sending a formData object to the server, which parses it and saves it.
However, on IOS, this does not work due to the 384 MB Canvas limit.
What I need is a way for this upload to work on mobile. I think one of the issues is that multiple canvases open simultaneously instead of sequentially due to async nature of some of the commands.
So basically, I need this process to be changed so that high quality images are being generated on a hidden canvas, possibly closing/destroying each canvas before generating a new one, so that canvas items never take too much memory which causes a crash on ios.
I can provide access to a git repo with all the code. Please create a separate branch for the work.