canvas 圆形设置阴影

要在Canvas上绘制一个圆形并设置阴影，可以按照以下步骤进行操作：

1. 获取Canvas的上下文：首先，获取Canvas元素的上下文。可以使用2D上下文（`getContext('2d')`）来进行2D绘图操作。例如：

const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');

2. 设置阴影属性：使用Canvas上下文提供的方法设置阴影属性。以下是设置阴影的相关属性：

ctx.shadowColor = 'rgba(0, 0, 0, 0.5)'; // 阴影颜色，使用rgba设置透明度
ctx.shadowBlur = 10; // 阴影模糊程度
ctx.shadowOffsetX = 5; // 阴影水平偏移量
ctx.shadowOffsetY = 5; // 阴影垂直偏移量

3. 绘制圆形：使用Canvas上下文提供的方法绘制一个圆形。例如，以下代码将在Canvas上绘制一个半径为50的圆形：

ctx.beginPath();
ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
ctx.fillStyle = 'red'; // 设置填充颜色
ctx.fill();
ctx.closePath();

通过以上步骤，就可以在Canvas上成功绘制一个带有阴影效果的圆形。根据实际需求，可以调整阴影的颜色、模糊程度和偏移量来实现不同的阴影效果。