HTML5学习笔记-绘制变形图形之绘制带阴影图形

 1 <h3>绘制阴影效果</h3>
 2 <canvas id="canvas6" style="border:1px solid blue;">
 3 Your browser does not support the canvas element.
 4 </canvas>
 5 
 6 <script type="text/javascript">
 7 var c=document.getElementById(‘canvas6‘);
 8 
 9 if(c&&c.getContext){
10     var context=c.getContext("2d");
11     context.shadowOffsetX=15;
12     context.shadowOffsetY=15;
13     context.shadowBlur=10;
14     context.shadowColor=‘rgba(255,0,0,0.5)‘;
15     context.fillStyle="#f00";
16     context.fillRect(10,10,60,60);
17 }
18 </script>