HTML 5による中空円テクニックの実現

        canvas  


  //    ,  javascript   
  //1    ：
  var canvas = document.getElementById('myCanvas');
  //    ，       
  var ctx = canvas.getContext('2d');
  //    
  ctx.beginPath();
  ctx.fillStyle = 'red';
  //（  ，  ，      ，  ）
  ctx.arc(50,50,20,0,Math.PI*2,true);
  ctx.closePath();
  ctx.fill();