Canvas渐变背景色可以通过`createLinearGradient()`和`createRadialGradient()`方法创建，然后使用`fillStyle`属性将其赋给画布的背景。线性渐变通过指定两个颜色点的坐标来定义，而径向渐变则通过指定两个颜色点的半径和位置来定义。例如： ```javascript // 创建一个线性渐变，从左上角(0,0)到右下角(200,200) var gradient = ctx.createLinearGradient(0, 0, 200, 200); gradient.addColorStop(0, 'red'); gradient.addColorStop(1, 'blue'); // 将渐变赋给画布的填充样式 ctx.fillStyle = gradient; // 填充整个画布 ctx.fillRect(0, 0, canvas.width, canvas.height); ``` 以上代码将在画布上创建一个从红色渐变到蓝色的背景。