title: SVG pattern fill position from top right, instead of top left
body: <p>Is it possible to assign the starting point of the svg pattern fill from top right instead of top left?  </p>
  
  <p>For instance, CSS has <code>background-position</code> but I'm having trouble finding an SVG alternative which allows the same functionality.  </p>
  
  <p>Here's a CSS example of what I'm trying to achieve with SVG pattern fill: <a href="https://jsfiddle.net/19bc20p6/" rel="nofollow noreferrer">https://jsfiddle.net/19bc20p6/</a></p>
  
  <p>And this is how far I've gotten with the SVG: <a href="https://jsfiddle.net/56cp4xwh/" rel="nofollow noreferrer">https://jsfiddle.net/56cp4xwh/</a></p>