How to render same images on front-end and back-end?

Question

JavaScript

It is necessary to make an image editor like Canva / Figma on the front-end, with the ability to download the image on the client. And the same functionality should be on the back-end in order to massively render images on the server based on user projects.
Advise which stack and which ones to choose?
I would like to write code so that it works equally on the back and on the front, so as not to do double work. And so that the images are rendered identical both there and there. This is real?
So far, React.js + Canvas is on the front, and Python is on the back. But not sure if this is the best solution.
Thank you for your responses.

Answer 1

I would write everything on a familiar Front-end stack, like React + Canvas as you wrote, and render it in the back with Headless Chrome + Puppeteer, converted to PDF/PNG/JPG

Answer 2

Capture an image while users are working and save it on the backend.