title: Add a stroke to a clipped path
body: <p>I'd like to display a stroke around the intersection of two circles.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;clipPath id="clip"&gt;
    &lt;circle cx="100" cy="100" r="50" /&gt;
  &lt;/clipPath&gt;
  &lt;circle cx="150" cy="100" r="50" fill="red" clip-path="url(#clip)" stroke="black" /&gt;
  </code></pre>
  
  <p>The stroke of the clipped circle is getting clipped by the <code>clipPath</code> as well, but I'd like it to wrap around the intersection of both circles.</p>