0

I drew a map of a floor with illustrator. I plan to export this map as .svg and use it in a website, no issue with that. However I would like to place points inside the map that do not represent anything but act as markers that can be used easily while manipulating the svg afterward (for example something that can add a special attribute to the svg path element). Do you have any idea to do it?

6
  • 1
    SVG is just a list of coordinates
    – Cai
    Aug 19, 2016 at 16:08
  • Also I'm a bit confused on what you're trying to do. If you want to apply an attribute to a path you just use that path, why do you need another point as reference?
    – Cai
    Aug 19, 2016 at 17:18
  • Your SVG code will contain <g> and <path> tags that you can attach classes or IDs to style to your liking.
    – Manly
    Aug 19, 2016 at 17:25
  • Are you trying to make a graph network out of this data so that you can do route planning? You can place invisible data, either dont fill or stroke the data or make it have some outrageous color than just make that style invisible (just remember to export styles)
    – joojaa
    Aug 19, 2016 at 20:10
  • Yes joojaa. However I would like to be able to identify them once exported while reading the SVG.
    – Ali Baba
    Aug 20, 2016 at 8:55

2 Answers 2

3

I have finally found a solution: just name the layers and groups as you like and while exporting illustrator will set the id attribute of the elements to the names you provided.

Illustrator:

enter image description here

Exported svg:

enter image description here

-2

Adjust your vector: Object/artboards/convert to artboards after save as SVG ,SVG option you see SVG code... and save SVG1.1

1
  • 3
    How does this answer the question? You are just explaining how to save as SVG, which the question clearly says there is no issue with.
    – Cai
    Aug 19, 2016 at 23:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.