Skip to content

Instantly share code, notes, and snippets.

@konsumer

konsumer/6.html

Created February 7, 2012 01:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save konsumer/1756433 to your computer and use it in GitHub Desktop.
Save konsumer/1756433 to your computer and use it in GitHub Desktop.
Download ZIP
Day 6 Velocipede
Raw
6.html
<html><title>Day 6 (velocipede)</title><head>
<style> body { background: -webkit-canvas(velocipede); width:100%; height:100%; }</style>
<script type="text/javascript">
var ctx = document.getCSSCanvasContext("2d", "velocipede", 60, 60);
ctx.strokeStyle = 'rgba(0,0,0,0)';
ctx.lineCap = 'butt';
ctx.lineJoin = 'miter';
ctx.miterLimit = 4;
ctx.fillStyle = "#000000";
ctx.strokeStyle = "rgba(0, 0, 0, 0)";
ctx.transform(0.1,0.0008027483,0,-0.1,0.405195,29.79225);
ctx.moveTo(313,294);
ctx.bezierCurveTo(324,290,330,279,330,259);
ctx.lineTo(330,230);
ctx.lineTo(263,231);
ctx.bezierCurveTo(225,232,203,234,213,237);
ctx.bezierCurveTo(245,245,230,260,190,260);
ctx.bezierCurveTo(168,260,150,256,150,250);
ctx.bezierCurveTo(150,244,157,240,165,240);
ctx.bezierCurveTo(183,240,185,214,168,203);
ctx.bezierCurveTo(161,199,134,195,108,195);
ctx.bezierCurveTo(29,195,-14,133,16,62);
ctx.bezierCurveTo(31,24,86,-4,125,6);
ctx.bezierCurveTo(139,9,161,25,174,41);
ctx.bezierCurveTo(203,75,235,81,227,50);
ctx.bezierCurveTo(224,39,225,30,230,30);
ctx.bezierCurveTo(234,30,240,40,244,53);
ctx.bezierCurveTo(247,65,273,100,301,130);
ctx.bezierCurveTo(329,160,344,174,336,160);
ctx.bezierCurveTo(318,132,315,78,331,48);
ctx.bezierCurveTo(348,16,405,-3,445,10);
ctx.bezierCurveTo(501,28,528,98,500,151);
ctx.bezierCurveTo(484,179,432,203,398,196);
ctx.bezierCurveTo(374,191,368,194,359,218);
ctx.bezierCurveTo(353,233,348,256,347,270);
ctx.bezierCurveTo(345,289,339,295,320,297);
ctx.bezierCurveTo(305,298,302,297,313,294);
ctx.moveTo(308,168);
ctx.bezierCurveTo(254,102,241,105,216,188);
ctx.bezierCurveTo(209,209,211,210,276,210);
ctx.lineTo(343,210);
ctx.lineTo(308,168);
ctx.moveTo(213,138);
ctx.bezierCurveTo(227,97,227,90,214,90);
ctx.bezierCurveTo(206,90,200,97,200,105);
ctx.bezierCurveTo(200,114,193,134,185,151);
ctx.bezierCurveTo(176,167,172,185,176,191);
ctx.bezierCurveTo(185,206,195,192,213,138);
ctx.moveTo(133,173);
ctx.bezierCurveTo(137,170,129,152,115,134);
ctx.bezierCurveTo(84,93,84,90,118,89);
ctx.bezierCurveTo(133,89,153,85,163,82);
ctx.bezierCurveTo(180,75,179,73,160,52);
ctx.bezierCurveTo(131,21,95,14,65,34);
ctx.bezierCurveTo(13,68,10,123,57,160);
ctx.bezierCurveTo(82,180,120,186,133,173);
ctx.moveTo(465,155);
ctx.bezierCurveTo(516,105,485,26,415,26);
ctx.bezierCurveTo(369,26,340,57,340,106);
ctx.bezierCurveTo(340,152,356,157,386,120);
ctx.bezierCurveTo(419,81,430,88,400,128);
ctx.bezierCurveTo(388,145,381,163,384,169);
ctx.bezierCurveTo(396,188,440,181,465,155);
ctx.moveTo(180,113);
ctx.bezierCurveTo(180,100,139,95,127,106);
ctx.bezierCurveTo(124,110,128,124,137,137);
ctx.bezierCurveTo(153,161,154,161,167,144);
ctx.bezierCurveTo(174,134,180,120,180,113);
ctx.fill();
ctx.stroke();
</script>
</head><body></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment