canvas画半透明圆delphi_canvas画alarm效果

前两天写项目的时候碰到一个问题，有一个alarm的图标效果，需要用canvas画出来，效果如下图

于是自己简单构思了一下，大致画了出来

      var ctx = canvas.getContext('2d');
      ctx.save();      
      ctx.beginPath();
      ctx.fillStyle="#009966"
      ctx.arc(250, 250, 100, Math.PI*1, 0); // 画一个半圆
      ctx.lineTo(250, 400);   //连接到半圆圆心正下方的一个点
      ctx.closePath()     //关闭路径自动连接到起始点
      ctx.fill();   //这样就大概画了个差不多的出来了
      ctx.restore();

思路是先画一个半圆，然后连到圆下方的中点，最后连接到起点，效果大概如下图，