HTML Editor
<!DOCTYPE html> <html lang="en-US"> <body> <canvas id="point" width="210" height="110">Your browser does not support the canvas element. </canvas> <script> var canvas = document.getElementById("point"); var ctx = canvas.getContext("2d"); // Create gradient var grad = ctx.createRadialGradient(100, 50, 5, 90, 60, 100); grad.addColorStop(0, "black"); grad.addColorStop(1, "gold"); // Fill with gradient ctx.fillStyle = grad; ctx.fillRect(0, 0, 200, 100); </script> </body> </html>
OUTPUT
×

Save as Private