Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If you have Adobe Illustrator you can load in an SVG file as vector artwork, turn multiple paths into a single one using either the Unite Shape Mode or the Merge Pathfinder (both in the Pathfinder palette), and then export as SVG again.</p> <p>Note that in your <a href="http://www.ravelrumba.com/code/demos/us-map-raphael/demo-animated.html" rel="nofollow">linked-to example</a> the paths for each state do not overlap. As such, any path union performed on these paths would not change the visual appearance; there would still be a gap between the states.</p> <p>If you want to obliterate the gap between the states in Illustrator, you would need to first use a Stroke on the state(s) so that the gap is covered, then choose the menu command Oʙᴊᴇᴄᴛ&nbsp;▸&nbsp;Pᴀᴛʜ&nbsp;▸&nbsp;Oᴜᴛʟɪɴᴇ&nbsp;Sᴛʀᴏᴋᴇ, and then Unite these along with the shapes.</p> <p>If the gap is fine, and you just want to treat two (or more) states as a single object, you don't need Illustrator. Instead, place the multiple states into a group (<code>&lt;g&gt;</code>) and perform event handling on this group instead of each state.</p> <p>This example shows two circles in a group with events and styles applied at the group level instead of the shape level:<br> <a href="http://phrogz.net/SVG/css-driven-styles.xhtml" rel="nofollow">http://phrogz.net/SVG/css-driven-styles.xhtml</a></p> <p><strong>Edit</strong>: If you don't have Adobe Illustrator, you can use the freely-available <a href="http://inkscape.org/" rel="nofollow">Inkscape</a> program, which has its own <a href="http://kalaalog.com/2007/11/01/inkscape-path-operations-basic-tutorial/" rel="nofollow">Path Operations</a>.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload