title: HTML Canvas morphing & moving over a transparent background
body: <p>I saw a very interesting canvas technique on the site <a href="http://capitolcouture.pn/" rel="nofollow">http://capitolcouture.pn/</a> when clicking on Issue 1. This flower/circle Effect.</p>
  
  <p>I'm quite familiar with the canvas element drawing diagrams and so on, but I'm not able to examine how the transparent circle is created and put over the second canvas with text.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Because of the tip, that people don't follow links from stackoverflow beginners I try to explain the effect.</p>
  
  <ol>
  <li>You have 2 canvas elements.</li>
  <li>One is lying on top of the other.</li>
  <li>The canvas lying below the first one contains some text.</li>
  <li>If one hovers over the top canvas, a certain radius around the mousepointer gets transparent cleared on the second canvas.</li>
  <li>On this mouse hover, the first canvas spawns graphics corresponding to the second ones text letters.</li>
  </ol>
  
  <p>Any suggestions?</p>