title: Crop to fit an svg pattern
body: <p>I have patterns that each have a single image in them.  I need the images to scale to the full width or height of their containers, which are paths, while retaining their proportions.  Essentially, they need to behave like an html image might if you set <code>min-width:100%; min-height:100%;</code></p>
  
  <p>I have not used svgs much before and do not know which attributes to change to get this type of behaviour.  I've been trying all sorts of combinations of <code>viewBox</code>, <code>preserveAspectRatio</code>, <code>patternUnits</code> and more, but I cannot seem to get what I want.</p>