Skip to content

Instantly share code, notes, and snippets.

@dariusk

dariusk/beast.html

Created April 6, 2012 14:13
Show Gist options
  • Save dariusk/2320196 to your computer and use it in GitHub Desktop.
Save dariusk/2320196 to your computer and use it in GitHub Desktop.
Download ZIP
Source code produced by ink2canvas for SVG Beast http://buildnewgames.com/taming-the-svg-beast/
Raw
beast.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Inkscape Output</title>
</head>
<body>
<canvas id='canvas' width='480' height='320'></canvas>
<script>
var ctx = document.getElementById("canvas").getContext("2d");
// #layer1
ctx.save();
ctx.transform(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, -732.362180);
// #path3220
ctx.save();
ctx.fillStyle = 'rgb(255, 102, 0)';
ctx.beginPath();
ctx.transform(2.466896, 0.234050, -0.260655, 2.215100, -247.151320, 177.623840);
ctx.moveTo(232.335080, 247.774090);
ctx.translate(200.262740, 247.780511);
ctx.rotate(0.000000);
ctx.scale(1.000000, 0.566929);
ctx.arc(0.000000, 0.000000, 32.072342, -0.000353, 3.14194581, 0);
ctx.scale(1.000000, 1.763889);
ctx.rotate(-0.000000);
ctx.translate(-200.262740, -247.780511);
ctx.translate(200.262740, 247.767669);
ctx.rotate(0.000000);
ctx.scale(1.000000, 0.566929);
ctx.arc(0.000000, 0.000000, 32.072342, 3.141239, 6.28353846, 0);
ctx.scale(1.000000, 1.763889);
ctx.rotate(-0.000000);
ctx.translate(-200.262740, -247.767669);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3181
ctx.save();
ctx.fillStyle = 'rgb(255, 102, 0)';
ctx.beginPath();
ctx.transform(2.270096, 0.227704, -0.233288, 2.215761, -186.494520, 243.160970);
ctx.moveTo(224.253870, 223.025360);
ctx.translate(182.837615, 223.027802);
ctx.rotate(0.000000);
ctx.scale(1.000000, 0.268293);
ctx.arc(0.000000, 0.000000, 41.416256, -0.000220, 3.14181240, 0);
ctx.scale(1.000000, 3.727273);
ctx.rotate(-0.000000);
ctx.translate(-182.837615, -223.027802);
ctx.translate(182.837615, 223.022918);
ctx.rotate(0.000000);
ctx.scale(1.000000, 0.268293);
ctx.arc(0.000000, 0.000000, 41.416256, 3.141373, 6.28340506, 0);
ctx.scale(1.000000, 3.727273);
ctx.rotate(-0.000000);
ctx.translate(-182.837615, -223.022918);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3121
ctx.save();
ctx.fillStyle = 'rgb(255, 127, 42)';
ctx.beginPath();
ctx.transform(1.829984, 1.330787, -1.363421, 1.786184, 151.787750, 338.781350);
ctx.moveTo(204.050820, 212.671300);
ctx.translate(196.222140, 212.678221);
ctx.rotate(0.000000);
ctx.scale(0.885714, 1.000000);
ctx.arc(0.000000, 0.000000, 8.838835, -0.000783, 3.14237568, 0);
ctx.scale(1.129032, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-196.222140, -212.678221);
ctx.translate(196.222140, 212.664379);
ctx.rotate(0.000000);
ctx.scale(0.885714, 1.000000);
ctx.arc(0.000000, 0.000000, 8.838835, 3.140810, 6.28396833, 0);
ctx.scale(1.129032, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-196.222140, -212.664379);
ctx.closePath();
ctx.fill();
ctx.restore();
// #tail
ctx.save();
ctx.fillStyle = 'rgb(255, 153, 85)';
ctx.beginPath();
ctx.transform(2.276646, -0.153215, 0.156972, 2.222155, -264.932130, 446.211710);
ctx.moveTo(310.000000, 210.000000);
ctx.translate(297.500000, 210.000000);
ctx.rotate(0.000000);
ctx.scale(1.000000, 0.400000);
ctx.arc(0.000000, 0.000000, 12.500000, 0.000000, 3.14159265, 0);
ctx.scale(1.000000, 2.500000);
ctx.rotate(-0.000000);
ctx.translate(-297.500000, -210.000000);
ctx.translate(297.500000, 210.000000);
ctx.rotate(0.000000);
ctx.scale(1.000000, 0.400000);
ctx.arc(0.000000, 0.000000, 12.500000, 3.141593, 6.28318531, 0);
ctx.scale(1.000000, 2.500000);
ctx.rotate(-0.000000);
ctx.translate(-297.500000, -210.000000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #body
ctx.save();
ctx.transform(2.282051, 0.000000, 0.000000, 2.227431, -239.556930, -957.586830);
// #path3040
ctx.save();
ctx.fillStyle = 'rgb(212, 85, 0)';
ctx.beginPath();
ctx.transform(1.388889, 0.000000, 0.000000, 1.142857, -125.000000, 592.362200);
ctx.moveTo(270.000000, 227.500000);
ctx.bezierCurveTo(270.000000, 237.164980, 259.926410, 245.000000, 247.500000, 245.000000);
ctx.bezierCurveTo(235.073590, 245.000000, 225.000000, 237.164980, 225.000000, 227.500000);
ctx.bezierCurveTo(225.000000, 217.835020, 235.073590, 210.000000, 247.500000, 210.000000);
ctx.bezierCurveTo(259.926410, 210.000000, 270.000000, 217.835020, 270.000000, 227.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #torso
ctx.save();
ctx.transform(1.000000, 0.000000, 0.000000, 1.000000, 1.074562, -1.285020);
// #path2993
ctx.save();
ctx.fillStyle = 'rgb(212, 85, 0)';
ctx.beginPath();
ctx.transform(0.538764, -0.828338, 0.750329, 0.388907, -40.725825, 973.340000);
ctx.moveTo(290.000000, 137.500000);
ctx.bezierCurveTo(290.000000, 152.687830, 277.687830, 165.000000, 262.500000, 165.000000);
ctx.bezierCurveTo(247.312170, 165.000000, 235.000000, 152.687830, 235.000000, 137.500000);
ctx.bezierCurveTo(235.000000, 122.312170, 247.312170, 110.000000, 262.500000, 110.000000);
ctx.bezierCurveTo(277.687830, 110.000000, 290.000000, 122.312170, 290.000000, 137.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path2995
ctx.save();
ctx.fillStyle = 'rgb(212, 85, 0)';
ctx.beginPath();
ctx.transform(0.841024, 0.967656, -1.115652, 0.531267, 127.480550, 518.246740);
ctx.moveTo(310.000000, 92.500000);
ctx.bezierCurveTo(310.000000, 110.449250, 295.449250, 125.000000, 277.500000, 125.000000);
ctx.bezierCurveTo(259.550750, 125.000000, 245.000000, 110.449250, 245.000000, 92.500000);
ctx.bezierCurveTo(245.000000, 74.550746, 259.550750, 60.000000, 277.500000, 60.000000);
ctx.bezierCurveTo(295.449250, 60.000000, 310.000000, 74.550746, 310.000000, 92.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3008
ctx.save();
ctx.fillStyle = 'rgb(212, 85, 0)';
ctx.beginPath();
ctx.transform(1.500000, 0.000000, 0.000000, 1.000000, -153.750000, 602.362180);
ctx.moveTo(270.000000, 202.500000);
ctx.bezierCurveTo(270.000000, 209.403560, 262.164980, 215.000000, 252.500000, 215.000000);
ctx.bezierCurveTo(242.835020, 215.000000, 235.000000, 209.403560, 235.000000, 202.500000);
ctx.bezierCurveTo(235.000000, 195.596440, 242.835020, 190.000000, 252.500000, 190.000000);
ctx.bezierCurveTo(262.164980, 190.000000, 270.000000, 195.596440, 270.000000, 202.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
ctx.restore();
ctx.restore();
// #left_ear
// #path3179
ctx.save();
ctx.fillStyle = 'rgb(255, 102, 0)';
ctx.beginPath();
ctx.transform(2.093949, 0.885553, -0.907268, 2.043830, -42.547454, 87.329485);
ctx.moveTo(259.104120, 237.672560);
ctx.bezierCurveTo(259.104120, 243.251480, 255.146840, 247.774090, 250.265290, 247.774090);
ctx.bezierCurveTo(245.383740, 247.774090, 241.426450, 243.251480, 241.426450, 237.672560);
ctx.bezierCurveTo(241.426450, 232.093640, 245.383740, 227.571040, 250.265290, 227.571040);
ctx.bezierCurveTo(255.146840, 227.571040, 259.104120, 232.093640, 259.104120, 237.672560);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3218
ctx.save();
ctx.fillStyle = 'rgb(255, 179, 128)';
ctx.beginPath();
ctx.transform(1.265835, 0.416537, -0.729033, 2.110710, 172.231640, 218.927040);
ctx.moveTo(217.182800, 234.642110);
ctx.bezierCurveTo(217.182800, 239.942080, 212.547130, 244.238550, 206.828740, 244.238550);
ctx.bezierCurveTo(201.110340, 244.238550, 196.474670, 239.942080, 196.474670, 234.642110);
ctx.bezierCurveTo(196.474670, 229.342130, 201.110340, 225.045660, 206.828740, 225.045660);
ctx.bezierCurveTo(212.547130, 225.045660, 217.182800, 229.342130, 217.182800, 234.642110);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3226
ctx.save();
ctx.fillStyle = 'rgb(255, 153, 85)';
ctx.beginPath();
ctx.transform(1.147355, 1.713811, -1.303325, 2.146644, 317.876910, -5.310998);
ctx.moveTo(204.555880, 218.227130);
ctx.bezierCurveTo(204.555880, 221.992900, 201.729260, 225.045660, 198.242430, 225.045660);
ctx.bezierCurveTo(194.755610, 225.045660, 191.928980, 221.992900, 191.928980, 218.227130);
ctx.bezierCurveTo(191.928980, 214.461360, 194.755610, 211.408600, 198.242430, 211.408600);
ctx.bezierCurveTo(201.729260, 211.408600, 204.555880, 214.461360, 204.555880, 218.227130);
ctx.closePath();
ctx.fill();
ctx.restore();
// #right_ear
// #path3177
ctx.save();
ctx.fillStyle = 'rgb(255, 102, 0)';
ctx.beginPath();
ctx.transform(2.184463, -0.644409, 0.660211, 2.132178, -486.909930, 431.417650);
ctx.moveTo(204.555890, 220.499970);
ctx.bezierCurveTo(204.555890, 225.521000, 201.277000, 229.591340, 197.232280, 229.591340);
ctx.bezierCurveTo(193.187570, 229.591340, 189.908680, 225.521000, 189.908680, 220.499970);
ctx.bezierCurveTo(189.908680, 215.478940, 193.187570, 211.408600, 197.232280, 211.408600);
ctx.bezierCurveTo(201.277000, 211.408600, 204.555890, 215.478940, 204.555890, 220.499970);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3216
ctx.save();
ctx.fillStyle = 'rgb(255, 179, 128)';
ctx.beginPath();
ctx.transform(1.723311, -1.460174, 1.495980, 1.682063, -525.143850, 623.507180);
ctx.moveTo(164.654860, 228.076110);
ctx.bezierCurveTo(164.654860, 231.423460, 162.280490, 234.137030, 159.351560, 234.137030);
ctx.bezierCurveTo(156.422630, 234.137030, 154.048260, 231.423460, 154.048260, 228.076110);
ctx.bezierCurveTo(154.048260, 224.728760, 156.422630, 222.015200, 159.351560, 222.015200);
ctx.bezierCurveTo(162.280490, 222.015200, 164.654860, 224.728760, 164.654860, 228.076110);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3228
ctx.save();
ctx.fillStyle = 'rgb(255, 153, 85)';
ctx.beginPath();
ctx.transform(2.191748, -0.620394, 0.635607, 2.139289, -381.723950, 383.839820);
ctx.moveTo(153.543180, 226.813430);
ctx.bezierCurveTo(153.543180, 229.463420, 151.847210, 231.611660, 149.755110, 231.611660);
ctx.bezierCurveTo(147.663020, 231.611660, 145.967040, 229.463420, 145.967040, 226.813430);
ctx.bezierCurveTo(145.967040, 224.163440, 147.663020, 222.015210, 149.755110, 222.015210);
ctx.bezierCurveTo(151.847210, 222.015210, 153.543180, 224.163440, 153.543180, 226.813430);
ctx.closePath();
ctx.fill();
ctx.restore();
// #head
ctx.save();
ctx.transform(2.352947, 0.263911, -0.292450, 2.123327, -14.901859, -919.570100);
// #path3036
ctx.save();
ctx.fillStyle = 'rgb(255, 179, 128)';
ctx.beginPath();
ctx.transform(0.968666, 0.235125, -0.248368, 0.917014, -65.349270, 529.943470);
ctx.moveTo(320.000000, 227.500000);
ctx.bezierCurveTo(320.000000, 248.210680, 306.568540, 265.000000, 290.000000, 265.000000);
ctx.bezierCurveTo(273.431460, 265.000000, 260.000000, 248.210680, 260.000000, 227.500000);
ctx.bezierCurveTo(260.000000, 206.789320, 273.431460, 190.000000, 290.000000, 190.000000);
ctx.bezierCurveTo(306.568540, 190.000000, 320.000000, 206.789320, 320.000000, 227.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3038
ctx.save();
ctx.fillStyle = 'rgb(255, 179, 128)';
ctx.beginPath();
ctx.transform(1.334637, 0.422783, -0.371677, 1.173307, -83.900969, 436.131470);
ctx.moveTo(290.000000, 222.500000);
ctx.bezierCurveTo(290.000000, 240.449250, 278.807120, 255.000000, 265.000000, 255.000000);
ctx.bezierCurveTo(251.192880, 255.000000, 240.000000, 240.449250, 240.000000, 222.500000);
ctx.bezierCurveTo(240.000000, 204.550750, 251.192880, 190.000000, 265.000000, 190.000000);
ctx.bezierCurveTo(278.807120, 190.000000, 290.000000, 204.550750, 290.000000, 222.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
ctx.restore();
// #path3196
ctx.save();
ctx.fillStyle = 'rgb(128, 51, 0)';
ctx.beginPath();
ctx.transform(0.786021, -0.745628, 0.539566, 1.447299, -217.534600, 692.882420);
ctx.moveTo(212.637120, 218.479680);
ctx.translate(196.222140, 218.479680);
ctx.rotate(0.000000);
ctx.scale(0.955882, 1.000000);
ctx.arc(0.000000, 0.000000, 17.172596, 0.000000, 3.14159265, 0);
ctx.scale(1.046154, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-196.222140, -218.479680);
ctx.translate(196.222140, 218.479680);
ctx.rotate(0.000000);
ctx.scale(0.955882, 1.000000);
ctx.arc(0.000000, 0.000000, 17.172596, 3.141593, 6.28318531, 0);
ctx.scale(1.046154, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-196.222140, -218.479680);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3196-0
ctx.save();
ctx.fillStyle = 'rgb(128, 51, 0)';
ctx.beginPath();
ctx.transform(2.239286, -0.581415, 0.448612, 1.646085, -318.228420, 657.167550);
ctx.moveTo(212.637120, 218.479680);
ctx.translate(196.222140, 218.479680);
ctx.rotate(0.000000);
ctx.scale(0.955882, 1.000000);
ctx.arc(0.000000, 0.000000, 17.172596, 0.000000, 3.14159265, 0);
ctx.scale(1.046154, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-196.222140, -218.479680);
ctx.translate(196.222140, 218.479680);
ctx.rotate(0.000000);
ctx.scale(0.955882, 1.000000);
ctx.arc(0.000000, 0.000000, 17.172596, 3.141593, 6.28318531, 0);
ctx.scale(1.046154, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-196.222140, -218.479680);
ctx.closePath();
ctx.fill();
ctx.restore();
// #jaw
ctx.save();
ctx.transform(2.278546, -0.123405, 0.126431, 2.224009, -343.295690, -947.624230);
// #path2987
ctx.save();
ctx.fillStyle = 'rgb(128, 51, 0)';
ctx.beginPath();
ctx.transform(0.528102, -0.849181, 1.241110, 0.771842, -82.431102, 900.565700);
ctx.moveTo(180.000000, 122.500000);
ctx.bezierCurveTo(180.000000, 140.449250, 165.449250, 155.000000, 147.500000, 155.000000);
ctx.bezierCurveTo(129.550750, 155.000000, 115.000000, 140.449250, 115.000000, 122.500000);
ctx.bezierCurveTo(115.000000, 104.550750, 129.550750, 90.000000, 147.500000, 90.000000);
ctx.bezierCurveTo(165.449250, 90.000000, 180.000000, 104.550750, 180.000000, 122.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path2989
ctx.save();
ctx.fillStyle = 'rgb(128, 51, 0)';
ctx.beginPath();
ctx.transform(0.891757, 0.452514, -0.633519, 1.248460, 87.462088, 624.014160);
ctx.moveTo(215.000000, 125.000000);
ctx.bezierCurveTo(215.000000, 138.807120, 203.807120, 150.000000, 190.000000, 150.000000);
ctx.bezierCurveTo(176.192880, 150.000000, 165.000000, 138.807120, 165.000000, 125.000000);
ctx.bezierCurveTo(165.000000, 111.192880, 176.192880, 100.000000, 190.000000, 100.000000);
ctx.bezierCurveTo(203.807120, 100.000000, 215.000000, 111.192880, 215.000000, 125.000000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path2991
ctx.save();
ctx.fillStyle = 'rgb(128, 51, 0)';
ctx.beginPath();
ctx.transform(-0.089311, 1.815327, -1.038288, 0.279014, 293.676680, 316.885310);
ctx.moveTo(280.000000, 142.500000);
ctx.bezierCurveTo(280.000000, 152.164980, 274.403560, 160.000000, 267.500000, 160.000000);
ctx.bezierCurveTo(260.596440, 160.000000, 255.000000, 152.164980, 255.000000, 142.500000);
ctx.bezierCurveTo(255.000000, 132.835020, 260.596440, 125.000000, 267.500000, 125.000000);
ctx.bezierCurveTo(274.403560, 125.000000, 280.000000, 132.835020, 280.000000, 142.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
ctx.restore();
// #front_left_leg
ctx.save();
ctx.transform(2.282051, 0.000000, 0.000000, 2.227431, -239.556930, -957.586830);
// #path3015
ctx.save();
ctx.fillStyle = 'rgb(255, 127, 42)';
ctx.beginPath();
ctx.transform(0.782237, -0.161286, 0.175496, 0.718898, 32.280306, 765.701350);
ctx.moveTo(250.000000, 197.500000);
ctx.bezierCurveTo(250.000000, 207.164980, 243.284270, 215.000000, 235.000000, 215.000000);
ctx.bezierCurveTo(226.715730, 215.000000, 220.000000, 207.164980, 220.000000, 197.500000);
ctx.bezierCurveTo(220.000000, 187.835020, 226.715730, 180.000000, 235.000000, 180.000000);
ctx.bezierCurveTo(243.284270, 180.000000, 250.000000, 187.835020, 250.000000, 197.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3017
ctx.save();
ctx.fillStyle = 'rgb(255, 127, 42)';
ctx.beginPath();
ctx.transform(0.857143, 0.000000, 0.000000, 1.000000, 47.500011, 737.362180);
ctx.moveTo(245.000000, 125.000000);
ctx.bezierCurveTo(245.000000, 133.284270, 237.164980, 140.000000, 227.500000, 140.000000);
ctx.bezierCurveTo(217.835020, 140.000000, 210.000000, 133.284270, 210.000000, 125.000000);
ctx.bezierCurveTo(210.000000, 116.715730, 217.835020, 110.000000, 227.500000, 110.000000);
ctx.bezierCurveTo(237.164980, 110.000000, 245.000000, 116.715730, 245.000000, 125.000000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3019
ctx.save();
ctx.fillStyle = 'rgb(255, 127, 42)';
ctx.beginPath();
ctx.transform(1.250000, 0.000000, 0.000000, 2.333333, -38.750000, 552.362180);
ctx.moveTo(245.000000, 142.500000);
ctx.bezierCurveTo(245.000000, 146.642140, 240.522850, 150.000000, 235.000000, 150.000000);
ctx.bezierCurveTo(229.477150, 150.000000, 225.000000, 146.642140, 225.000000, 142.500000);
ctx.bezierCurveTo(225.000000, 138.357860, 229.477150, 135.000000, 235.000000, 135.000000);
ctx.bezierCurveTo(240.522850, 135.000000, 245.000000, 138.357860, 245.000000, 142.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3063
ctx.save();
ctx.fillStyle = 'rgb(255, 127, 42)';
ctx.beginPath();
ctx.transform(1.000000, 0.000000, 0.000000, 1.000000, 5.000000, 692.362180);
ctx.moveTo(255.000000, 200.000000);
ctx.bezierCurveTo(255.000000, 205.522850, 250.522850, 210.000000, 245.000000, 210.000000);
ctx.bezierCurveTo(239.477150, 210.000000, 235.000000, 205.522850, 235.000000, 200.000000);
ctx.bezierCurveTo(235.000000, 194.477150, 239.477150, 190.000000, 245.000000, 190.000000);
ctx.bezierCurveTo(250.522850, 190.000000, 255.000000, 194.477150, 255.000000, 200.000000);
ctx.closePath();
ctx.fill();
ctx.restore();
ctx.restore();
// #rear_left_leg
ctx.save();
ctx.transform(2.282051, 0.000000, 0.000000, 2.227431, -239.556930, -957.586830);
// #path3021
ctx.save();
ctx.fillStyle = 'rgb(255, 127, 42)';
ctx.beginPath();
ctx.transform(0.602485, 0.798130, -0.798130, 0.602485, 199.312470, 510.312990);
ctx.moveTo(345.000000, 125.000000);
ctx.bezierCurveTo(345.000000, 130.522850, 339.403560, 135.000000, 332.500000, 135.000000);
ctx.bezierCurveTo(325.596440, 135.000000, 320.000000, 130.522850, 320.000000, 125.000000);
ctx.bezierCurveTo(320.000000, 119.477150, 325.596440, 115.000000, 332.500000, 115.000000);
ctx.bezierCurveTo(339.403560, 115.000000, 345.000000, 119.477150, 345.000000, 125.000000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3023
ctx.save();
ctx.fillStyle = 'rgb(255, 127, 42)';
ctx.beginPath();
ctx.transform(0.821545, -0.128044, 0.132550, 0.793617, -2.423398, 778.135170);
ctx.moveTo(360.000000, 162.500000);
ctx.bezierCurveTo(360.000000, 169.403560, 355.522850, 175.000000, 350.000000, 175.000000);
ctx.bezierCurveTo(344.477150, 175.000000, 340.000000, 169.403560, 340.000000, 162.500000);
ctx.bezierCurveTo(340.000000, 155.596440, 344.477150, 150.000000, 350.000000, 150.000000);
ctx.bezierCurveTo(355.522850, 150.000000, 360.000000, 155.596440, 360.000000, 162.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3074
ctx.save();
ctx.fillStyle = 'rgb(255, 127, 42)';
ctx.beginPath();
ctx.transform(1.156765, 0.198030, -0.311602, 1.306928, 8.596364, 592.062590);
ctx.moveTo(310.000000, 167.500000);
ctx.bezierCurveTo(310.000000, 171.642140, 306.642140, 175.000000, 302.500000, 175.000000);
ctx.bezierCurveTo(298.357860, 175.000000, 295.000000, 171.642140, 295.000000, 167.500000);
ctx.bezierCurveTo(295.000000, 163.357860, 298.357860, 160.000000, 302.500000, 160.000000);
ctx.bezierCurveTo(306.642140, 160.000000, 310.000000, 163.357860, 310.000000, 167.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
ctx.restore();
// #eyes
// #eye_sockets
// #path3083
ctx.save();
ctx.fillStyle = 'rgb(255, 153, 85)';
ctx.beginPath();
ctx.transform(2.801159, 0.267062, -0.736308, 2.618672, -280.498680, 188.959660);
ctx.moveTo(235.000000, 220.000000);
ctx.translate(222.500000, 220.000000);
ctx.rotate(0.000000);
ctx.scale(0.833333, 1.000000);
ctx.arc(0.000000, 0.000000, 15.000000, 0.000000, 3.14159265, 0);
ctx.scale(1.200000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-222.500000, -220.000000);
ctx.translate(222.500000, 220.000000);
ctx.rotate(0.000000);
ctx.scale(0.833333, 1.000000);
ctx.arc(0.000000, 0.000000, 15.000000, 3.141593, 6.28318531, 0);
ctx.scale(1.200000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-222.500000, -220.000000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3085
ctx.save();
ctx.fillStyle = 'rgb(255, 153, 85)';
ctx.beginPath();
ctx.transform(-0.865696, 1.549686, -1.669913, -1.089826, 591.984440, 830.296150);
ctx.moveTo(160.000000, 210.000000);
ctx.translate(140.000000, 210.000000);
ctx.rotate(0.000000);
ctx.scale(1.000000, 0.750000);
ctx.arc(0.000000, 0.000000, 20.000000, 0.000000, 3.14159265, 0);
ctx.scale(1.000000, 1.333333);
ctx.rotate(-0.000000);
ctx.translate(-140.000000, -210.000000);
ctx.translate(140.000000, 210.000000);
ctx.rotate(0.000000);
ctx.scale(1.000000, 0.750000);
ctx.arc(0.000000, 0.000000, 20.000000, 3.141593, 6.28318531, 0);
ctx.scale(1.000000, 1.333333);
ctx.rotate(-0.000000);
ctx.translate(-140.000000, -210.000000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3097
ctx.save();
ctx.fillStyle = 'rgb(255, 230, 213)';
ctx.beginPath();
ctx.transform(3.587621, 1.358458, -1.445148, 3.254096, -361.654950, 390.974100);
ctx.moveTo(165.000000, 62.500000);
ctx.translate(160.000000, 62.500000);
ctx.rotate(0.000000);
ctx.scale(0.666667, 1.000000);
ctx.arc(0.000000, 0.000000, 7.500000, 0.000000, 3.14159265, 0);
ctx.scale(1.500000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-160.000000, -62.500000);
ctx.translate(160.000000, 62.500000);
ctx.rotate(0.000000);
ctx.scale(0.666667, 1.000000);
ctx.arc(0.000000, 0.000000, 7.500000, 3.141593, 6.28318531, 0);
ctx.scale(1.500000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-160.000000, -62.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3099
ctx.save();
ctx.fillStyle = 'rgb(255, 230, 213)';
ctx.beginPath();
ctx.transform(4.726826, 0.777975, -1.152389, 3.678956, -610.441830, 426.895020);
ctx.moveTo(190.000000, 67.500000);
ctx.translate(185.000000, 67.500000);
ctx.rotate(0.000000);
ctx.scale(0.666667, 1.000000);
ctx.arc(0.000000, 0.000000, 7.500000, 0.000000, 3.14159265, 0);
ctx.scale(1.500000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-185.000000, -67.500000);
ctx.translate(185.000000, 67.500000);
ctx.rotate(0.000000);
ctx.scale(0.666667, 1.000000);
ctx.arc(0.000000, 0.000000, 7.500000, 3.141593, 6.28318531, 0);
ctx.scale(1.500000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-185.000000, -67.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #left_eye
// #path3113
ctx.save();
ctx.fillStyle = 'rgb(255, 128, 128)';
ctx.beginPath();
ctx.transform(2.273734, -0.189997, 0.194657, 2.219312, -298.800540, 385.694700);
ctx.moveTo(195.000000, 215.000000);
ctx.translate(190.000000, 215.000000);
ctx.rotate(0.000000);
ctx.scale(1.000000, 1.000000);
ctx.arc(0.000000, 0.000000, 5.000000, 0.000000, 3.14159265, 0);
ctx.scale(1.000000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-190.000000, -215.000000);
ctx.translate(190.000000, 215.000000);
ctx.rotate(0.000000);
ctx.scale(1.000000, 1.000000);
ctx.arc(0.000000, 0.000000, 5.000000, 3.141593, 6.28318531, 0);
ctx.scale(1.000000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-190.000000, -215.000000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3115
ctx.save();
ctx.fillStyle = 'rgb(80, 22, 22)';
ctx.beginPath();
ctx.transform(2.273734, -0.189997, 0.194657, 2.219312, -274.272000, 338.933490);
ctx.moveTo(180.000000, 232.500000);
ctx.translate(177.500000, 232.500000);
ctx.rotate(0.000000);
ctx.scale(1.000000, 1.000000);
ctx.arc(0.000000, 0.000000, 2.500000, 0.000000, 3.14159265, 0);
ctx.scale(1.000000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-177.500000, -232.500000);
ctx.translate(177.500000, 232.500000);
ctx.rotate(0.000000);
ctx.scale(1.000000, 1.000000);
ctx.arc(0.000000, 0.000000, 2.500000, 3.141593, 6.28318531, 0);
ctx.scale(1.000000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-177.500000, -232.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #right_eye
// #path3111
ctx.save();
ctx.fillStyle = 'rgb(170, 212, 0)';
ctx.beginPath();
ctx.transform(2.273734, -0.189997, 0.194657, 2.219312, -298.800540, 385.694700);
ctx.moveTo(170.000000, 210.000000);
ctx.translate(165.000000, 210.000000);
ctx.rotate(0.000000);
ctx.scale(1.000000, 1.000000);
ctx.arc(0.000000, 0.000000, 5.000000, 0.000000, 3.14159265, 0);
ctx.scale(1.000000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-165.000000, -210.000000);
ctx.translate(165.000000, 210.000000);
ctx.rotate(0.000000);
ctx.scale(1.000000, 1.000000);
ctx.arc(0.000000, 0.000000, 5.000000, 3.141593, 6.28318531, 0);
ctx.scale(1.000000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-165.000000, -210.000000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3117
ctx.save();
ctx.fillStyle = 'rgb(128, 102, 0)';
ctx.beginPath();
ctx.transform(2.273734, -0.189997, 0.194657, 2.219312, -308.378000, 341.783450);
ctx.moveTo(170.000000, 227.500000);
ctx.translate(167.500000, 227.500000);
ctx.rotate(0.000000);
ctx.scale(1.000000, 1.000000);
ctx.arc(0.000000, 0.000000, 2.500000, 0.000000, 3.14159265, 0);
ctx.scale(1.000000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-167.500000, -227.500000);
ctx.translate(167.500000, 227.500000);
ctx.rotate(0.000000);
ctx.scale(1.000000, 1.000000);
ctx.arc(0.000000, 0.000000, 2.500000, 3.141593, 6.28318531, 0);
ctx.scale(1.000000, 1.000000);
ctx.rotate(-0.000000);
ctx.translate(-167.500000, -227.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3230
ctx.save();
ctx.fillStyle = 'rgb(128, 51, 0)';
ctx.beginPath();
ctx.transform(2.004825, 0.197426, -0.176829, 1.710735, -214.325490, 480.991520);
ctx.moveTo(204.050810, 221.762660);
ctx.translate(180.312225, 221.762660);
ctx.rotate(0.000000);
ctx.scale(1.000000, 0.606383);
ctx.arc(0.000000, 0.000000, 23.738585, 0.000000, 3.14159265, 0);
ctx.scale(1.000000, 1.649123);
ctx.rotate(-0.000000);
ctx.translate(-180.312225, -221.762660);
ctx.translate(180.312225, 221.762660);
ctx.rotate(0.000000);
ctx.scale(1.000000, 0.606383);
ctx.arc(0.000000, 0.000000, 23.738585, 3.141593, 6.28318531, 0);
ctx.scale(1.000000, 1.649123);
ctx.rotate(-0.000000);
ctx.translate(-180.312225, -221.762660);
ctx.closePath();
ctx.fill();
ctx.restore();
// #nose
ctx.save();
ctx.transform(2.276279, 0.158329, -0.162211, 2.221796, -103.354130, -981.591330);
// #path3119
ctx.save();
ctx.fillStyle = 'rgb(80, 45, 22)';
ctx.beginPath();
ctx.transform(0.765906, 0.114451, -0.169947, 0.515799, 42.402305, 700.564380);
ctx.moveTo(215.000000, 217.500000);
ctx.bezierCurveTo(215.000000, 224.403560, 204.926410, 230.000000, 192.500000, 230.000000);
ctx.bezierCurveTo(180.073590, 230.000000, 170.000000, 224.403560, 170.000000, 217.500000);
ctx.bezierCurveTo(170.000000, 210.596440, 180.073590, 205.000000, 192.500000, 205.000000);
ctx.bezierCurveTo(204.926410, 205.000000, 215.000000, 210.596440, 215.000000, 217.500000);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3123
ctx.save();
ctx.fillStyle = 'rgb(80, 45, 22)';
ctx.beginPath();
ctx.transform(0.990707, 0.136010, -0.136010, 0.990707, -12.452636, 580.007450);
ctx.moveTo(212.132030, 225.298200);
ctx.bezierCurveTo(212.132030, 227.111350, 206.591840, 228.581200, 199.757660, 228.581200);
ctx.bezierCurveTo(192.923480, 228.581200, 187.383290, 227.111350, 187.383290, 225.298200);
ctx.bezierCurveTo(187.383290, 223.485050, 192.923480, 222.015210, 199.757660, 222.015210);
ctx.bezierCurveTo(206.591840, 222.015210, 212.132030, 223.485050, 212.132030, 225.298200);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3125
ctx.save();
ctx.fillStyle = 'rgb(36, 28, 28)';
ctx.beginPath();
ctx.transform(1.000000, 0.000000, 0.000000, 1.000000, -27.779195, 609.123570);
ctx.moveTo(176.271610, 227.065960);
ctx.bezierCurveTo(176.271610, 228.739640, 174.801770, 230.096420, 172.988620, 230.096420);
ctx.bezierCurveTo(171.175470, 230.096420, 169.705620, 228.739640, 169.705620, 227.065960);
ctx.bezierCurveTo(169.705620, 225.392290, 171.175470, 224.035510, 172.988620, 224.035510);
ctx.bezierCurveTo(174.801770, 224.035510, 176.271610, 225.392290, 176.271610, 227.065960);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3125-4
ctx.save();
ctx.fillStyle = 'rgb(36, 28, 28)';
ctx.beginPath();
ctx.transform(1.000000, 0.000000, 0.000000, 1.000000, -16.920048, 611.143880);
ctx.moveTo(176.271610, 227.065960);
ctx.bezierCurveTo(176.271610, 228.739640, 174.801770, 230.096420, 172.988620, 230.096420);
ctx.bezierCurveTo(171.175470, 230.096420, 169.705620, 228.739640, 169.705620, 227.065960);
ctx.bezierCurveTo(169.705620, 225.392290, 171.175470, 224.035510, 172.988620, 224.035510);
ctx.bezierCurveTo(174.801770, 224.035510, 176.271610, 225.392290, 176.271610, 227.065960);
ctx.closePath();
ctx.fill();
ctx.restore();
ctx.restore();
// #g3187
ctx.save();
ctx.transform(2.272075, 0.208049, -0.213151, 2.217693, -56.593157, -967.310820);
// #path3183
ctx.save();
ctx.fillStyle = 'rgb(0, 0, 0)';
ctx.beginPath();
ctx.transform(0.950040, 0.312128, -0.312128, 0.950040, 76.529134, 621.235580);
ctx.moveTo(132.835060, 208.630680);
ctx.bezierCurveTo(132.835060, 209.606990, 130.347630, 210.398440, 127.279220, 210.398440);
ctx.bezierCurveTo(124.210820, 210.398440, 121.723380, 209.606990, 121.723380, 208.630680);
ctx.bezierCurveTo(121.723380, 207.654370, 124.210820, 206.862910, 127.279220, 206.862910);
ctx.bezierCurveTo(130.347630, 206.862910, 132.835060, 207.654370, 132.835060, 208.630680);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3185
ctx.save();
ctx.fillStyle = 'rgb(0, 0, 0)';
ctx.beginPath();
ctx.transform(0.995197, -0.097888, 0.097888, 0.995197, 1.190443, 676.238090);
ctx.moveTo(145.461970, 201.054530);
ctx.bezierCurveTo(145.461970, 201.751900, 142.635340, 202.317230, 139.148510, 202.317230);
ctx.bezierCurveTo(135.661690, 202.317230, 132.835060, 201.751900, 132.835060, 201.054530);
ctx.bezierCurveTo(132.835060, 200.357170, 135.661690, 199.791840, 139.148510, 199.791840);
ctx.bezierCurveTo(142.635340, 199.791840, 145.461970, 200.357170, 145.461970, 201.054530);
ctx.closePath();
ctx.fill();
ctx.restore();
// #g3215
// #path3145
ctx.save();
ctx.fillStyle = 'rgb(26, 26, 26)';
ctx.beginPath();
ctx.transform(0.204616, -0.440692, 0.941642, 0.239293, -105.757510, 877.508620);
ctx.moveTo(174.251310, 232.369260);
ctx.bezierCurveTo(174.251310, 239.761330, 168.258860, 245.753780, 160.866790, 245.753780);
ctx.bezierCurveTo(153.474720, 245.753780, 147.482270, 239.761330, 147.482270, 232.369260);
ctx.bezierCurveTo(147.482270, 224.977200, 153.474720, 218.984740, 160.866790, 218.984740);
ctx.bezierCurveTo(168.258860, 218.984740, 174.251310, 224.977200, 174.251310, 232.369260);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3147
ctx.save();
ctx.fillStyle = 'rgb(0, 0, 0)';
ctx.beginPath();
ctx.transform(0.993605, 0.112910, -0.018818, 0.165601, -62.330708, 798.861620);
ctx.moveTo(225.264010, 238.682720);
ctx.bezierCurveTo(225.264010, 245.377430, 219.836880, 250.804550, 213.142180, 250.804550);
ctx.bezierCurveTo(206.447480, 250.804550, 201.020350, 245.377430, 201.020350, 238.682720);
ctx.bezierCurveTo(201.020350, 231.988020, 206.447480, 226.560890, 213.142180, 226.560890);
ctx.bezierCurveTo(219.836880, 226.560890, 225.264010, 231.988020, 225.264010, 238.682720);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3149
ctx.save();
ctx.fillStyle = 'rgb(255, 221, 85)';
ctx.beginPath();
ctx.transform(0.567832, -0.121309, 0.096817, 0.453188, 19.682015, 776.905700);
ctx.moveTo(172.231010, 214.944140);
ctx.bezierCurveTo(172.231010, 226.380920, 168.725990, 235.652270, 164.402330, 235.652270);
ctx.bezierCurveTo(160.078670, 235.652270, 156.573650, 226.380920, 156.573650, 214.944140);
ctx.bezierCurveTo(156.573650, 203.507350, 160.078670, 194.236010, 164.402330, 194.236010);
ctx.bezierCurveTo(168.725990, 194.236010, 172.231010, 203.507350, 172.231010, 214.944140);
ctx.closePath();
ctx.fill();
ctx.restore();
// #path3151
ctx.save();
ctx.fillStyle = 'rgb(255, 221, 85)';
ctx.beginPath();
ctx.transform(0.513917, 0.120159, -0.080633, 0.344866, 67.682042, 751.071600);
ctx.moveTo(221.728490, 237.167500);
ctx.bezierCurveTo(221.728490, 250.556900, 217.658140, 261.411160, 212.637120, 261.411160);
ctx.bezierCurveTo(207.616090, 261.411160, 203.545740, 250.556900, 203.545740, 237.167500);
ctx.bezierCurveTo(203.545740, 223.778090, 207.616090, 212.923830, 212.637120, 212.923830);
ctx.bezierCurveTo(217.658140, 212.923830, 221.728490, 223.778090, 221.728490, 237.167500);
ctx.closePath();
ctx.fill();
ctx.restore();
ctx.restore();
// #svg_text
ctx.save();
ctx.transform(0.908610, -0.102136, 0.509051, 1.043360, 0.000000, 0.000000);
ctx.fillStyle = 'rgb(170, 68, 0)';
ctx.font = "normal normal 52.15909576px Sans";
ctx.fillText("SVG", -103.763690, 859.031560);
ctx.restore();
// #path3232
ctx.save();
ctx.fillStyle = 'rgb(128, 51, 0)';
ctx.beginPath();
ctx.transform(2.240122, 0.425023, -0.435445, 2.186505, -174.314360, 452.463260);
ctx.moveTo(170.210710, 216.711900);
ctx.translate(157.583800, 216.711900);
ctx.rotate(0.000000);
ctx.scale(1.000000, 0.300000);
ctx.arc(0.000000, 0.000000, 12.626910, 0.000000, 3.14159265, 0);
ctx.scale(1.000000, 3.333333);
ctx.rotate(-0.000000);
ctx.translate(-157.583800, -216.711900);
ctx.translate(157.583800, 216.711900);
ctx.rotate(0.000000);
ctx.scale(1.000000, 0.300000);
ctx.arc(0.000000, 0.000000, 12.626910, 3.141593, 6.28318531, 0);
ctx.scale(1.000000, 3.333333);
ctx.rotate(-0.000000);
ctx.translate(-157.583800, -216.711900);
ctx.closePath();
ctx.fill();
ctx.restore();
ctx.restore();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment