I'm developing a webapp to edit photos and trying to download them as adobe illustrator (.ai) file format.

The webapp has two parts frontend and backend. React for frontend, and Django restframework for backend. The photos are edited within a html canvas element, and the canvas is controlled by JavaScript.

Th code below converts the canvas element to a dataURL, so I can see the compiled image after hitting the url. The url shows it is png format.

var canvas = document.getElementById("myCanvas");
var dataURL = canvas.toDataURL();

And the url looks like this.

data:image/png;base64,iVBORw0KGgoAAA...

Is there any way to convert the canvas image to .ai(adobe illustrator) file format using ether JavaScript, React for frontend, or python for backend process?