не работает function clip(e)

вырезаю часть области в canvas:

    'ctx.beginPath();
     ctx.arc(canvas.width/2, canvas.height/2, r,  a,  - a, true); 
     ctx.arc(canvas.width/2 + r + l, canvas.height/2, r, Math.PI - a, Math.PI + a);
     ctx.closePath();
     ctx.clip();'

работает!

Пытаюсь делать это через клик мыши на область canvas:

    'function clip(e) {
      if (e.x > 0 && e.x < canvas.width) {
       ctx.beginPath();
       ctx.arc(canvas.width/2, canvas.height/2, r,  a,  - a, true); 
       ctx.arc(canvas.width/2 + r + l, canvas.height/2, r, Math.PI - a, Math.PI + a);
       ctx.closePath();
       ctx.clip();
    } 
}
  window.addEventListener("click", clip);' 

не работает((( изкликался уже! Почему?