CanvasRenderingContext2D.fillStyle

CanvasRenderingContext2D.fillStyle - колір або стиль заповнення.

Синтаксис:

ctx.fillStyle;

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

Опис:

fillStyle властивість об'єкта CanvasRenderingContext2D яка повертає / задає стиль або колір заповнення. Позамовчуванню значення дорівнює "#000" (чорний).

Приклад:

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

canvas.fillStyle="red";
canvas.fillRect(0, 0, 56, 75);

var el = document.getElementById("canvas");
var canvas = el.getContext("2d");
var gradient=canvas.createLinearGradient(0,0,0,el.height);
gradient.addColorStop(0,"#00ad66");gradient.addColorStop(1,"#ffffff");
canvas.fillStyle=gradient;
canvas.fillRect(0, 0, el.width, el.height);