HTML5有很多炫麗的效果是我們所追求的，就是因為這些不一樣的效果才是的HTML5能夠快速的火爆起來，今天分享繪制一個帶有黑色陰影的藍色矩形，模糊級數(shù)是 20：

　　JavaScript:

　　var c=document.getElementById("myCanvas");
　　var ctx=c.getContext("2d");
　　ctx.shadowBlur=20;
　　ctx.shadowColor="black";
　　ctx.fillStyle="blue";
　　ctx.fillRect(20,20,100,80);

　　瀏覽器支持

　　Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 shadowBlur 屬性。

　　注釋：Internet Explorer 8 以及更早的版本不支持 <canvas> 元素

　　定義和用法

　　shadowBlur 屬性設(shè)置或返回陰影的模糊級數(shù)。
　　默認(rèn)值：     #000000
　　JavaScript 語法：     context.shadowBlur=number;
　　屬性值
　　值     描述
　　number     陰影的模糊級數(shù)

　　掌握了以上的一個框架，你就可以制作出很多有創(chuàng)意的框架了，感慨自己動手操作一遍，熟悉一下這些的操作把。