CodePen Embed - canvas gradient

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

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

var grd=context.createLinearGradient(0,0,175,0);
grd.addColorStop(0,"black");
grd.addColorStop(1,"white");

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

context.fillRect(0,0,175,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.