title: How Do You Render a Portion of an SVG in Canvas?
body: <p><strong>Core Problem:</strong></p>
  
  <p>The goal is to render a portion of an SVG to a fixed size Canvas element on a web page.</p>
  
  <p><strong>My Attempted Solution:</strong></p>
  
  <p>Seeing as <a href="http://code.google.com/p/canvg/" rel="noreferrer">CanVG</a> seems to be the most straight-forward way to render an SVG image in Canvas I figured I could leverage the <a href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" rel="noreferrer">viewBox</a> attribute to crop the image prior to CanVG's rendering.  I've been having trouble on this point.</p>
  
  <p><strong>The Question:</strong></p>
  
  <p><em>Provided an SVG image, how can one render a portion of that image to a Canvas element?</em></p>