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);