TAG
CSS
JavaScript
Result
Run
License
<canvas id="mycanvas" width="200" height="200"></canvas>
canvas { border: 1px solid #CCC; }
window.addEventListener("load", function() { const elCanvas = document.getElementById("mycanvas"); const context = elCanvas.getContext("2d"); const gradient = context.createLinearGradient(0, 0, 200, 200); gradient.addColorStop(0, "#FF0000"); gradient.addColorStop(0.5, "#FFFF00"); gradient.addColorStop(1, "#00FFFF"); context.fillStyle = gradient; context.fillRect(20, 20, 160, 160); });
Console
expand_less
License
License
by DevDic
Close