W3Schools Canvas 演示 - W3Schools 中文教程

#myCanvas

创建线性渐变

0, 0, 0, 85|0, 0, 0, 170|0, 0, 75, 50|0, 0, 150, 100

350

让 x = ctx.createLinearGradient(#val); x.addColorStop(0, "black"); x.addColorStop(1, "white"); ctx.fillStyle = x; ctx.fillRect(20, 20, 150, 100);