x
<html><body><h1>HTML5 Canvas Linear Gradient</h1><canvas id="myCanvas" width="300" height="150" style="border:1px solid grey;">Sorry, your browser does not support canvas.</canvas><script>const c = document.getElementById("myCanvas");const ctx = c.getContext("2d");// Create linear gradientconst grad=ctx.createLinearGradient(0,0,280,0);grad.addColorStop(0, "lightblue");grad.addColorStop(1, "darkblue");// Fill text with gradientctx.font = "50px Arial";ctx.fillStyle = grad;ctx.fillText("Hello World",10,80);</script></body></html>