TAG
JavaScript
Result
Run
License
<canvas id="mycanvas" width="200" height="150"></canvas>
window.addEventListener("load", function() { const elCanvas = document.getElementById("mycanvas"); let context = elCanvas.getContext("2d"); context.beginPath(); let gradient = context.createLinearGradient(0, 0, 200, 150); gradient.addColorStop(0, "#FFFF00"); gradient.addColorStop(1, "#FF0000"); context.strokeStyle = gradient; context.lineWidth = 10; context.rect(10, 10, 180, 80); context.stroke(); });
Console
expand_less
License
License
by DevDic
Close