Цвет

Для определения свойства цвета можно применять синтаксис CSS со следу-ющими свойствами:

• strokeStyle. Определяет цвет линий фигуры.
• fillStyle. Определяет цвет внутренней области фигуры.
• globalAlpha. Устанавливает уровень прозрачности.

function initiate(){
  var elem = document.getElementById('canvas');
  var canvas = elem.getContext('2d');
  canvas.fillStyle = "#000099";
  canvas.strokeStyle = "#990000";
  canvas.strokeRect(100, 100, 120, 120);
  canvas.fillRect(110, 110, 100, 100);
  canvas.clearRect(120, 120, 80, 80);
}
addEventListener("load", initiate);