var a = document.getElementById("myCanvas");
var b = a.getContext("2d");

b.fillStyle = "#ffffff";
var size = 20;

function fillStar(x, y, s) {
  b.beginPath();
  b.moveTo(x, y);
  b.lineTo(x + s, y);
  b.lineTo(x + s * 0.15, y + s * 0.5);
  b.lineTo(x + s / 2, y - s * 0.4);
  b.lineTo(x + s * 0.85, y + s * 0.5);
  b.lineTo(x, y);
  b.fill();
}

for (var i = 0; i < 7; i = i + 1) {
  fillStar(25 + i * 40, 20, size);
}
for (var i = 0; i < 7; i = i + 1) {
  fillStar(50 + i * 40, 45, size);
}
b.fillStyle = "#E0162B";
b.fillRect(350, 0, 350, 35);
b.fillStyle = "#FFFFFF";
b.fillRect(350, 35, 350, 35);