<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"></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(200, 105);

context.lineTo(200, 108);
context.stroke();

context.lineTo(208, 119);
context.stroke();

context.lineTo(215, 129);
context.stroke();

context.lineTo(230, 151);
context.stroke();

context.lineTo(252, 181);
context.stroke();

context.lineTo(276, 215);
context.stroke();

context.lineTo(298, 244);
context.stroke();

context.lineTo(315, 264);
context.stroke();

context.lineTo(331, 288);
context.stroke();

context.lineTo(336, 296);
context.stroke();

context.lineTo(339, 298);
context.stroke();

context.lineTo(339, 299);
context.stroke();

context.lineTo(340, 299);
context.stroke();

context.lineTo(342, 299);
context.stroke();

context.lineTo(343, 298);
context.stroke();

context.lineTo(343, 297);
context.stroke();

context.lineTo(345, 297);
context.stroke();

context.lineTo(345, 296);
context.stroke();

context.lineTo(346, 296);
context.stroke();

context.lineTo(347, 296);
context.stroke();

context.lineTo(348, 294);
context.stroke();

context.lineTo(350, 291);
context.stroke();

context.lineTo(352, 287);
context.stroke();

context.lineTo(354, 283);
context.stroke();

context.lineTo(356, 279);
context.stroke();

context.lineTo(361, 273);
context.stroke();

context.lineTo(368, 265);
context.stroke();

context.lineTo(374, 255);
context.stroke();

context.lineTo(382, 243);
context.stroke();

context.lineTo(388, 233);
context.stroke();

context.lineTo(399, 220);
context.stroke();

context.lineTo(412, 199);
context.stroke();

context.lineTo(427, 179);
context.stroke();

context.lineTo(434, 166);
context.stroke();

context.lineTo(440, 156);
context.stroke();

context.lineTo(444, 152);
context.stroke();

context.lineTo(447, 147);
context.stroke();

context.lineTo(450, 143);
context.stroke();

context.lineTo(455, 140);
context.stroke();

context.lineTo(458, 137);
context.stroke();

context.lineTo(461, 135);
context.stroke();

context.lineTo(461, 135);
context.stroke();

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(476, 174);

context.lineTo(476, 180);
context.stroke();

context.lineTo(476, 187);
context.stroke();

context.lineTo(476, 191);
context.stroke();

context.lineTo(476, 200);
context.stroke();

context.lineTo(476, 203);
context.stroke();

context.lineTo(476, 208);
context.stroke();

context.lineTo(476, 213);
context.stroke();

context.lineTo(476, 219);
context.stroke();

context.lineTo(476, 226);
context.stroke();

context.lineTo(473, 241);
context.stroke();

context.lineTo(470, 251);
context.stroke();

context.lineTo(467, 258);
context.stroke();

context.lineTo(465, 263);
context.stroke();

context.lineTo(463, 266);
context.stroke();

context.lineTo(462, 268);
context.stroke();

context.lineTo(461, 270);
context.stroke();

context.lineTo(461, 270);
context.stroke();

context.strokeStyle = '#FFF83B';
context.beginPath();
context.moveTo(383, 121);

context.lineTo(381, 121);
context.stroke();

context.lineTo(381, 122);
context.stroke();

context.lineTo(379, 123);
context.stroke();

context.lineTo(371, 125);
context.stroke();

context.lineTo(357, 129);
context.stroke();

context.lineTo(336, 133);
context.stroke();

context.lineTo(311, 139);
context.stroke();

context.lineTo(284, 145);
context.stroke();

context.lineTo(270, 148);
context.stroke();

context.lineTo(262, 151);
context.stroke();

context.lineTo(260, 152);
context.stroke();

context.lineTo(260, 152);
context.stroke();
</script>
</body>
</html>