JavaScript
window.onLoad = draw();
function draw() {
var ctx = document.getElementById('myCanvas').getContext('2d');
ctx.save();
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(378.88251968503937,0);
ctx.lineTo(378.88251968503937,169.3179212598425);
ctx.lineTo(0,169.3179212598425);
ctx.closePath();
ctx.clip();
ctx.translate(0,0);
ctx.scale(3.779527559055118,3.779527559055118);
ctx.translate(0,0);
ctx.strokeStyle = 'rgba(0, 122, 194, 0)';
ctx.fillStyle = '#007ac2'
ctx.lineCap = 'butt';
ctx.lineJoin = 'miter';
ctx.miterLimit = 4;
ctx.save();
ctx.save();
ctx.restore();
ctx.save();
ctx.save();
ctx.save();
ctx.beginPath();
ctx.moveTo(50.1229,0);
ctx.bezierCurveTo(56.891890000000004,0,62.6716,2.8956,64.7901,6.91399);
ctx.bezierCurveTo(59.938199999999995,5.77489,54.53039999999999,5.19269,52.143499999999996,5.18649);
ctx.bezierCurveTo(51.531800999999994,5.04869,50.7155,5.49469,50.831399999999995,6.1808890000000005);
ctx.lineTo(50.831399999999995,6.632189);
ctx.lineTo(50.831399999999995,20.582089);
ctx.lineTo(49.422399999999996,20.582089);
ctx.lineTo(49.448499999999996,6.632189);
ctx.lineTo(49.4503,6.1808890000000005);
ctx.bezierCurveTo(49.5664,5.49469,48.783401,5.048689,48.1717,5.186490000000001);
ctx.bezierCurveTo(45.7719,5.192689990000001,40.31781,5.781289000000001,35.446,6.933090000000001);
ctx.bezierCurveTo(37.5562,2.9046900000000004,43.34399,8.881784197001252e-16,50.1229,8.881784197001252e-16);
ctx.closePath();
ctx.moveTo(65.4329,8.566490000000002);
ctx.bezierCurveTo(65.5779,9.129089000000002,65.6546,9.706990000000001,65.6546,10.296690000000002);
ctx.bezierCurveTo(65.6546,14.807990000000002,61.239900000000006,18.65688,55.127900000000004,20.043080000000003);
ctx.lineTo(53.053900000000006,10.027680000000004);
ctx.bezierCurveTo(52.9641001,9.344081000000005,52.87370000000001,8.798180000000004,52.97770010000001,8.031680000000003);
...