CodePen Embed - canvas gradient3

<canvas id="myCanvas" width="300" height="300"></canvas>

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

var grd=context.createRadialGradient(75,50,2,75,50,100);
grd.addColorStop(0,"red");
grd.addColorStop(1,"white");

context.fillStyle = grd;  //填滿顏色

context.fillRect(0,0,150,100);

This Pen is owned by deathhell on CodePen.

See more by @deathhell on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.