title: Did Chrome break svg stroke='url(#...)'?
body: <p>In early December I put up a web page developed in Chrome using HTML tables with fancy borders created with SVG.  Because the table cell size is unknown, I must use relative (%) coordinates to get to the bottom and right borders.  Therefore I must use line elements.  I can fill those lines with a pattern using the stroke='url(#...)' method, where the ... is a pattern element in the local defs section.  This is no longer working in Chrome, but is in Safari and Firefox.  The very similar fill='url(#...)' is working in Chrome, but I cannot use it with relative anchor coordinates.</p>
  
  <p>Anybody run into this?</p>
  
  <p>Here is a test case:</p>
  
  <pre><code>&lt;svg patternUnits='userSpaceOnUse' xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1'&gt;
  
  &lt;defs&gt;
      &lt;pattern id='utrim' height='10' width='10' patternUnits='userSpaceOnUse' &gt;
                  &lt;rect height='10' width='5' fill='green' /&gt;
      &lt;/pattern&gt;
  
      &lt;pattern id='utrim2' height='10' width='10' patternUnits='userSpaceOnUse' &gt;
                  &lt;rect height='10' width='5' fill='red' /&gt;
      &lt;/pattern&gt;
  
  &lt;/defs&gt;
  
  &lt;g &gt; 
      &lt;line x1='0' y1='0' x2='100%' y2='0' stroke-width='20' stroke='url(#utrim)' /&gt;
      &lt;rect x='0' y='0' width='100%' height='5' fill='url(#utrim2)' /&gt;
  &lt;/g&gt; 
  
  &lt;/svg&gt;
  </code></pre>