Mobile app version of vmapp.org
Login or Join
Bryan765

: Export from Illustrator to JSON I use Illustrator to export coordinates (x, y, width and height) of rectangles to JSON. I use JSON to import the coordinates into my web app and repaint them.

@Bryan765

Posted in: #Adobe #AdobeIllustrator #Export #Javascript #Vector

I use Illustrator to export coordinates (x, y, width and height) of rectangles to JSON. I use JSON to import the coordinates into my web app and repaint them. I use the free Illustrator extension 'Drawnscript' for this task.

Problem: When I export the coordinates of rectangles there are only x, y, width and height in the JSON. Illustrator makes it possible to give an rectangle a name. I am missing the 'name' of the rectangle in JSON.

Question: How can I pass the name from an rectangle to JSON additional to the coordinates? Are there any better exporting tools than Drawnscript?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Bryan765

2 Comments

Sorted by latest first Latest Oldest Best

 

@Harper654

Have you considered exporting your graphics as a JavaScript function that draws the graphics on a Web canvas? Look at WebCode or a similar app. You can export an SVG from Illustrator, open it in WebCode, and export JavaScript that contains both the drawing code and the name of the graphic.

10% popularity Vote Up Vote Down


 

@Lengel450

I think I understand your problem, but I don't get why you want to use JSON? Could you be more specific on the usage of a further JSON file containing rect values?
Have you consider using SVG export? Cause in SVG you can add your own parameter directly from Illustrator such as Layers name, etc.. and use it back through HTML or CSS.

By the way, I just found this on Github, it looks like you can export from PS and Illu into json, and I can see a "name" tag in the export example. github.com/bronzehedwick/Adobe-Export-Scripts

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme