使用HTML5画布（canvas）生成阴影效果

  var canvas = document.getElementById('shadowcanvas');
  var ctx = canvas.getContext('2d');
  ctx.save();
  ctx.fillStyle = '#EB852A'; 
  ctx.shadowOffsetX = 15; // 阴影Y轴偏移
  ctx.shadowOffsetY = 15; // 阴影X轴偏移
  ctx.shadowBlur = 14; // 模糊尺寸
  ctx.shadowColor = 'rgba(0, 0, 0, 0.5)'; // 颜色
  ctx.beginPath(); 
  ctx.arc(150, 150, 75, 0, 2 * Math.PI, false); 
  ctx.fill();
  ctx.restore(); 
  ctx.fillStyle = '#222222'; 
  ctx.beginPath(); 
  ctx.arc(350, 150, 75, 0, 2 * Math.PI, false); 
  ctx.fill();