title: Shard SVG image into pieces
body: <p>Say you have a  SVG image such as this:</p>
  
  <p><a href="http://upload.wikimedia.org/wikipedia/commons/7/78/Contemporary_playing_cards.svg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HQQLL.png" alt="alt text"></a></p>
  
  <p>Each card is its own svg group, but contains other groups of subelements.</p>
  
  <p>How can you split it up into 52 different images?</p>