如何将均匀渐变应用于(particule.js)画布？

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

var gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);

gradient.addColorStop(0, 'red');
gradient.addColorStop(0.5, 'green');
gradient.addColorStop(1, 'blue');

ctx.fillStyle = gradient; // 应用于填充样式
ctx.strokeStyle = gradient; // 应用于描边样式

ctx.fillRect(0, 0, canvas.width, canvas.height); // 绘制填充矩形
ctx.strokeRect(0, 0, canvas.width, canvas.height); // 绘制描边矩形