彩虹渐变文字

效果说明

本案例展示了如何使用 Canvas 创建一个彩虹渐变效果的文字。文字将呈现出红橙黄绿蓝紫的渐变色彩。

核心实现

1. 使用 createLinearGradient 创建线性渐变
2. 通过 addColorStop 设置渐变色标
3. 将渐变应用到文字填充样式

知识点

• Canvas 文字绘制
• 线性渐变的创建和使用
• 文字对齐方式设置

扩展思路

1. 尝试使用径向渐变 createRadialGradient
2. 添加文字动画效果
3. 实现渐变色彩的动态变化

Demo