JavaScript
var canvas0 = document.createElement('canvas');
var context0 = canvas0.getContext('2d', undefined);
document.body.appendChild(canvas0);
canvas0.width = 2212
canvas0.height=2200
context0.save();
context0.setTransform(1,0,0,1,0,0);
context0.beginPath();
context0.moveTo(513,774);
context0.lineTo(1657,774);
context0.lineTo(1657,1200);
context0.lineTo(513,1200);
context0.lineTo(513,774);
context0.clearRect(513,774,1144,426);
context0.clip();
context0.setTransform(1,0,0,1,515,776);
context0.setTransform(1.3388996120048324,0,0,1.3388996120048324,515,776);
context0.setTransform(1.3388996120048324,0,0,1.3388996120048324,515,776);
context0.globalAlpha = 1;
context0.fillStyle = "#FF4F4F";
context0.fillRect(0,0,851,315);
context0.imageSmoothingEnabled = false;
context0.setTransform(1,0,0,1,515,776);
context0.setTransform(1,0,0,1,515,776);
context0.globalAlpha = 1;
context0.globalCompositeOperation = "color";
var canvas2 = document.createElement('canvas');
var context2 = canvas2.getContext('2d', undefined);
canvas2.width=1142;
canvas2.height=424;
canvas2.width = 1142
canvas2.height = 424
context2.save();
context2.setTransform(1,0,0,1,0,0);
context2.beginPath();
context2.moveTo(0,0);
context2.lineTo(1142,0);
context2.lineTo(1142,424);
context2.lineTo(0,424);
context2.lineTo(0,0);
context2.clearRect(0,0,1142,424);
context2.clip();
context2.setTransform(1,0,0,1,1,1);
context2.setTransform(1.3388996120048324,0,0,1.3388996120048324,1,1);
context2.beginPath();
context2.moveTo(0,0);
context2.lineTo(850.9973337686558,0);
context2.lineTo(850.9973337686558,314.9974771958316);
context2.lineTo(0,314.9974771958316);
context2.lineTo(0,0);
context2.closePath();
context2.fillStyle = "#000000";
context2.globalAlpha = 1;
context2.fill("nonzero");
// .
// / \
// flushed /| |\
context0.drawImage(canvas2,-1,-1);
context0.setTransform(1,0,0,1,515,776);
context0.setTransform(1.3388996120048324,0,0,1.3388996120048324,515,776);
context0.imageSmoothingEnabled =...