title: Canvas - Fill a shape created with multiple paths
body: <h1>What I want to do</h1>
  
  <p>I would like to draw a custom shape (for example a simple rectangle) which has different colors for each edge. I can do it with four paths, it works like a charm. BUT, in this way, it seems I can not fill the shape.</p>
  
  <p>Trying the other way, I can draw the shape with one path and fill it, BUT in this case, I can not use different colors for the edges, because the last <code>fillStyle</code> will override the previous ones, even if I stroke the subpaths individually.</p>
  
  <p>Is it possible to mix the two, by coloring subpaths individually, or by filling a shape consisting multiple paths?</p>