## 第七課時：陰影
以下屬性用于設置陰影。
* `CanvasRenderingContext2D.shadowBlur`：陰影的模糊程度，默認為`0`。
* `CanvasRenderingContext2D.shadowColor`：陰影的顏色，默認為`black`。
* `CanvasRenderingContext2D.shadowOffsetX`：陰影的水平位移，默認為`0`。
* `CanvasRenderingContext2D.shadowOffsetY`：陰影的垂直位移，默認為`0`。
下面是一個例子。
~~~
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.shadowOffsetX = 10;
ctx.shadowOffsetY = 10;
ctx.shadowBlur = 5;
ctx.shadowColor = 'rgba(0,0,0,0.5)';
ctx.fillStyle = 'green';
ctx.fillRect(10, 10, 100, 100);
~~~
- 第一章：音視頻
- 第一節：概述
- 第二節：媒體元素
- 第三節：視頻元素
- 第四節：音頻元素
- 第四節：事件
- 第二章：高德地圖
- 第三章：Storage 接口
- 第一節：概述
- 第二節：屬性和方法
- 第三節：事件
- 第四章：IndexedDB
- 第一節：概述
- 第二節：基本概念
- 第三節：indexedDB 對象
- 第四節：IDBRequest 對象
- 第五節：IDBDatabase 對象
- 第六節：IDBObjectStore 對象
- 第七節：IDBTransaction 對象
- 第八節：IDBIndex 對象
- 第九節：IDBCursor 對象
- 第十節：IDBKeyRange 對象
- 第十一節：操作流程
- 第五章：Canvas
- 第一節：概述
- 第二節：繪制圖像
- 第一課時：路徑
- 第二課時：線型
- 第三課時：矩形
- 第四課時：弧線
- 第五課時：文本
- 第六課時：漸變色和圖像填充
- 第七課時：陰影
- 第三節：圖像處理
- 第一課時：寫入圖像
- 第二課時：像素讀寫
- 第三課時：保存和恢復
- 第四課時：畫布
- 第五課時：圖像變換
- 第四節：元素方法
- 第一課時：toDataURL()
- 第二課時：toBlob()
- 第五節：使用實例
- 第一課時：動畫效果
- 第二課時：像素處理