Created
July 12, 2014 00:35
-
-
Save nonsense/6102f980b38c0e30b8c6 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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