如何制作重复的CanvasGradient

// 创建画布
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');

// 创建渐变对象
var gradient = ctx.createLinearGradient(0, 0, 200, 0);
gradient.addColorStop(0, 'red');
gradient.addColorStop(1, 'blue');

// 创建图案
var pattern = ctx.createPattern(gradient, 'repeat');

// 使用图案填充画布
ctx.fillStyle = pattern;
ctx.fillRect(0, 0, canvas.width, canvas.height);

// 将画布添加到页面中
document.body.appendChild(canvas);