title: Transform a 2D image to mimic a 3D projection on a 3D plane
body: <p>According to the SVG spec, you can apply an arbitrary 2x3 transformation matrix to any element.</p>
  
  <p><a href="http://www.w3.org/TR/SVG/coords.html#TransformAttribute" rel="nofollow">http://www.w3.org/TR/SVG/coords.html#TransformAttribute</a></p>
  
  <p>I would like to utilize this method to apply a 3D prospective projection to an image in SVG to mimic a 3D projection of the planar image.</p>
  
  <p>I'm using matrix computations in javascript to apply transforms and projections to 3D model-space coordinates (x,y,z) into 2D image-space coordinates (x', y'). But in order to apply the projection to an image or text in SVG I need to project the 3D matrix down to a 2D transformation matrix.</p>
  
  <p>Assuming the image is on an arbitrary plane in 3D model-space, with the image origin defined as a 3D point on the plane, <strong>how do I convert my 3D projection matrix into a 2D tranformation on the image in SVG</strong>?</p>