var x = document.getElementById("myCanvas");
var y = x.getContext("2d");

y.fillStyle = "#AF1E2C";
y.beginPath();
y.moveTo(350, 0);
y.lineTo(700, 700);
y.lineTo(0, 250);
y.lineTo(700, 250);
y.lineTo(0, 700);
y.lineTo(0, 0);
y.fill();