webdev.stephband.info

Illustrator to Canvas path converter 0.2 BETA | VERSION HISTORY

A rough and ready convertor that takes coordinates from an AI file and translates them to code for vector shapes in a canvas tag.

*u %AI3_Note:<< /operation /union >> 1 XR 118.0000 711.0000 m 152.2416 711.0000 180.0000 683.2416 180.0000 649.0000 c 180.0000 614.7584 152.2416 587.0000 118.0000 587.0000 c 83.7584 587.0000 56.0000 614.7584 56.0000 649.0000 c 56.0000 683.2416 83.7584 711.0000 118.0000 711.0000 c n *U *u %AI3_Note:<< /operation /union >> 1 XR 428.5000 708.0000 m 466.3315 708.0000 497.0000 676.6599 497.0000 638.0000 c 497.0000 599.3401 466.3315 568.0000 428.5000 568.0000 c 390.6685 568.0000 360.0000 599.3401 360.0000 638.0000 c 360.0000 676.6599 390.6685 708.0000 428.5000 708.0000 c n *U %Adobe_Photoshop_Path_End %%Trailer %%EOF

How to use

1. Save an AI file from Illustrator, or from Photoshop select a path layer and choose File > Export > Paths to Illustrator...
2. Open the AI file in a text editor. Delete the header information, down to the first "*u", and copy and paste the rest into the box above.
3. Code is listed in the second textarea and your shape is drawn onto the background.

Shapes

There's some shapes on the shapes page. If you make any good shapes, let me know.