Skip to content

Instantly share code, notes, and snippets.

@nonsense
Created July 12, 2014 00:35
Show Gist options
  • Save nonsense/6102f980b38c0e30b8c6 to your computer and use it in GitHub Desktop.
Save nonsense/6102f980b38c0e30b8c6 to your computer and use it in GitHub Desktop.
var draw = function(ctx) {
ctx.save();
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(236,0);
ctx.lineTo(236,128);
ctx.lineTo(0,128);
ctx.closePath();
ctx.clip();
ctx.strokeStyle = 'rgba(0,0,0,0)';
ctx.lineCap = 'butt';
ctx.lineJoin = 'miter';
ctx.miterLimit = 4;
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(61,25);
ctx.bezierCurveTo(70.9338,27.4264,78.7574,17.8034,66,14);
ctx.bezierCurveTo(68.6794,6.35252,74.3841,8.05737,81,7);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(10,16);
ctx.bezierCurveTo(14.1038,12.4312,24.8119,11.7676,21.9861,20.0031);
ctx.bezierCurveTo(19.1418,28.2928,-7.33181,48.6933,17,46.8549);
ctx.bezierCurveTo(19.6708,46.6531,22.335,46.2724,25,46);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(115,21);
ctx.bezierCurveTo(127.152,15.4379,124.383,26.5563,120,33);
ctx.bezierCurveTo(132.533,42.6707,117.166,50.8855,107,46);
ctx.moveTo(208,20);
ctx.lineTo(202,57);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(55,29);
ctx.lineTo(38,47);
ctx.moveTo(39,30);
ctx.lineTo(46,40);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(118,32);
ctx.lineTo(120,32);
ctx.moveTo(180,32);
ctx.lineTo(179,49);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(140,35);
ctx.lineTo(153,51);
ctx.moveTo(155,36);
ctx.lineTo(141,51);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(46,40);
ctx.lineTo(53,47);
ctx.moveTo(78,42);
ctx.lineTo(90,41);
ctx.moveTo(171,44);
ctx.lineTo(185,42);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(0,70);
ctx.lineTo(174,70.0154);
ctx.lineTo(235,73);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(74,83);
ctx.lineTo(83,83);
ctx.lineTo(80,89);
ctx.lineTo(86,92);
ctx.bezierCurveTo(81.7919,97.3125,75.4397,98.8857,69,97);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(21,85);
ctx.bezierCurveTo(17.6265,102.395,21.9531,102.733,38,100);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(160,87);
ctx.lineTo(172,88);
ctx.bezierCurveTo(168.854,92.6063,163.178,97.1899,164,103);
ctx.lineTo(175,102);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(34,90);
ctx.lineTo(33,100);
ctx.moveTo(126,90);
ctx.bezierCurveTo(146.556,90.186,131.442,106.417,124.005,114);
ctx.bezierCurveTo(122.436,115.599,117.503,119.573,119.176,122.307);
ctx.bezierCurveTo(120.691,124.782,132.153,123,135,123);
ctx.moveTo(202,117);
ctx.bezierCurveTo(207.065,123.816,225.631,127.904,224.338,114.005);
ctx.bezierCurveTo(223.497,104.964,213.062,110.531,208.604,106.972);
ctx.bezierCurveTo(205.195,104.251,208.177,95.9285,211.278,94.0316);
ctx.bezierCurveTo(215.935,91.1826,224.455,94.6391,230,93);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(55,100);
ctx.lineTo(62,109);
ctx.lineTo(67,103);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(32,103);
ctx.lineTo(30,119);
ctx.moveTo(185,105);
ctx.lineTo(185,113);
ctx.lineTo(191,111);
ctx.moveTo(94,108);
ctx.lineTo(110,107);
ctx.moveTo(145,107);
ctx.lineTo(159,122);
ctx.moveTo(158,107);
ctx.lineTo(145,122);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(61,110);
ctx.lineTo(68,118);
ctx.moveTo(62,111);
ctx.lineTo(56,117);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0)";
ctx.strokeStyle = "#262626";
ctx.beginPath();
ctx.moveTo(184,112);
ctx.lineTo(182,118);
ctx.moveTo(176,114);
ctx.lineTo(182,114);
ctx.fill();
ctx.stroke();
ctx.restore();
ctx.restore();
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment