Javascript Canvas 색상, 그라데이션 스타일

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

ctx.strokeStyle = '색상'; // stroke이 들어가는 색상
ctx.lineWidth = 3; // 선 굵기
ctx.fillStyle = '색상'; // fill이 들어가는 색상

var grd = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
//그라데이션 적용

grd.addColorStop(0, '#FF0000'); // 그라데이션 시작색 빨강
grd.addColorStop(1, '#0000FF'); // 그라데이션 2번째 색 (여기선 끝색) 파랑