<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>
<style type="text/css"><!--
#container { position: relative; }
#imageTemp { position: absolute; top: 1px; left: 1px; }
--></style>
</head>
<body>
<canvas id="imageView" width="600" height="500"></canvas>
<script type="text/javascript">
var canvas, context, canvaso, contexto;
canvaso = document.getElementById('imageView');
context = canvaso.getContext('2d');
context.lineWidth = 5;
context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(48, 60);
context.lineTo(93, 69);
context.stroke();
context.lineTo(170, 115);
context.stroke();
context.lineTo(159, 137);
context.stroke();
context.lineTo(144, 157);
context.stroke();
context.lineTo(143, 160);
context.stroke();
context.lineTo(143, 163);
context.stroke();
context.lineTo(143, 169);
context.stroke();
context.lineTo(143, 173);
context.stroke();
context.lineTo(207, 171);
context.stroke();
context.lineTo(220, 165);
context.stroke();
context.lineTo(220, 163);
context.stroke();
context.lineTo(220, 163);
context.stroke();
context.lineWidth = 6;
context.lineWidth = 7;
context.lineWidth = 8;
context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(270, 64);
context.lineTo(271, 64);
context.stroke();
context.lineTo(279, 67);
context.stroke();
context.lineTo(289, 72);
context.stroke();
context.lineTo(294, 76);
context.stroke();
context.lineTo(303, 83);
context.stroke();
context.lineTo(323, 90);
context.stroke();
context.lineTo(327, 94);
context.stroke();
context.lineTo(331, 97);
context.stroke();
context.lineTo(332, 99);
context.stroke();
context.lineTo(335, 102);
context.stroke();
context.lineTo(343, 107);
context.stroke();
context.lineTo(349, 110);
context.stroke();
context.lineTo(355, 116);
context.stroke();
context.lineTo(364, 126);
context.stroke();
context.lineTo(370, 129);
context.stroke();
context.lineTo(374, 133);
context.stroke();
context.lineTo(374, 134);
context.stroke();
context.lineTo(374, 134);
context.stroke();
context.lineWidth = 7;
context.lineWidth = 6;
context.lineWidth = 5;
context.lineWidth = 4;
context.lineWidth = 3;
context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(383, 40);
context.lineTo(387, 43);
context.stroke();
context.lineTo(393, 49);
context.stroke();
context.lineTo(393, 50);
context.stroke();
context.lineTo(397, 53);
context.stroke();
context.lineTo(401, 54);
context.stroke();
context.lineTo(411, 66);
context.stroke();
context.lineTo(417, 76);
context.stroke();
context.lineTo(425, 86);
context.stroke();
context.lineTo(431, 97);
context.stroke();
context.lineTo(434, 101);
context.stroke();
context.lineTo(441, 109);
context.stroke();
context.lineTo(442, 109);
context.stroke();
context.lineTo(443, 113);
context.stroke();
context.lineTo(444, 116);
context.stroke();
context.lineTo(444, 117);
context.stroke();
context.lineTo(444, 117);
context.stroke();
context.strokeStyle = '#FFD278';
context.beginPath();
context.moveTo(90, 212);
context.lineTo(90, 213);
context.stroke();
context.lineTo(101, 217);
context.stroke();
context.lineTo(127, 225);
context.stroke();
context.lineTo(128, 226);
context.stroke();
context.lineTo(143, 228);
context.stroke();
context.lineTo(177, 225);
context.stroke();
context.lineTo(204, 220);
context.stroke();
context.lineTo(242, 207);
context.stroke();
context.lineTo(244, 206);
context.stroke();
context.lineTo(244, 206);
context.stroke();
context.strokeStyle = '#FF173E';
context.beginPath();
context.moveTo(251, 109);
context.lineTo(252, 109);
context.stroke();
context.lineTo(267, 122);
context.stroke();
context.lineTo(269, 125);
context.stroke();
context.lineTo(271, 125);
context.stroke();
context.lineTo(271, 128);
context.stroke();
context.lineTo(274, 131);
context.stroke();
context.lineTo(296, 145);
context.stroke();
context.lineTo(299, 151);
context.stroke();
context.lineTo(299, 152);
context.stroke();
context.lineTo(299, 153);
context.stroke();
context.lineTo(289, 155);
context.stroke();
context.lineTo(287, 156);
context.stroke();
context.lineTo(287, 157);
context.stroke();
context.lineTo(286, 161);
context.stroke();
context.lineTo(285, 161);
context.stroke();
context.lineTo(280, 161);
context.stroke();
context.lineTo(268, 153);
context.stroke();
context.lineTo(255, 138);
context.stroke();
context.lineTo(244, 126);
context.stroke();
context.lineTo(231, 117);
context.stroke();
context.lineTo(211, 96);
context.stroke();
context.lineTo(208, 93);
context.stroke();
context.lineTo(207, 93);
context.stroke();
context.lineTo(203, 79);
context.stroke();
context.lineTo(205, 73);
context.stroke();
context.lineTo(205, 70);
context.stroke();
context.lineTo(205, 69);
context.stroke();
context.lineTo(205, 69);
context.stroke();
context.strokeStyle = '#FF173E';
context.beginPath();
context.moveTo(305, 194);
context.lineTo(305, 193);
context.stroke();
context.lineTo(305, 193);
context.stroke();
context.lineTo(310, 197);
context.stroke();
context.lineTo(314, 202);
context.stroke();
context.lineTo(332, 217);
context.stroke();
context.lineTo(335, 218);
context.stroke();
context.lineTo(335, 219);
context.stroke();
context.lineTo(335, 220);
context.stroke();
context.lineTo(335, 220);
context.stroke();
</script>
</body>
</html>