title: Coloring the area between four lines in svg
body: <p>Is there any way to color the area between four points except using 'fill' in polygon?
  I have drawn a polygon using four lines as,</p>
  
  <pre><code>&lt;line x1="0" y1="0" x2="300" y2="0" style="stroke:rgb(255,0,0);stroke-width:2"&gt;&lt;/line&gt;
  &lt;line x1="300" y1="0" x2="300" y2="150" style="stroke:rgb(255,0,0);stroke-width:2"&gt;&lt;/line&gt;
  &lt;line x1="300" y1="150" x2="0" y2="150" style="stroke:rgb(255,0,0);stroke-width:2"&gt;&lt;/line&gt;
  &lt;line x1="0" y1="150" x2="0" y2="0" style="stroke:rgb(255,0,0);stroke-width:2"&gt;&lt;/line&gt;
  </code></pre>
  
  <p>and I want to color the area between these lines.</p>