<!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(-409, -147);

context.lineTo(-409, -147);
context.stroke();

context.lineTo(-408, -145);
context.stroke();

context.lineTo(-407, -142);
context.stroke();

context.lineTo(-405, -134);
context.stroke();

context.lineTo(-404, -128);
context.stroke();

context.lineTo(-403, -117);
context.stroke();

context.lineTo(-403, -116);
context.stroke();

context.lineTo(-403, -116);
context.stroke();

context.lineTo(-402, -116);
context.stroke();

context.lineTo(-402, -115);
context.stroke();

context.lineTo(-400, -115);
context.stroke();

context.lineTo(-389, -113);
context.stroke();

context.lineTo(-382, -113);
context.stroke();

context.lineTo(-380, -113);
context.stroke();

context.lineTo(-374, -113);
context.stroke();

context.lineTo(-372, -113);
context.stroke();

context.lineTo(-370, -113);
context.stroke();

context.lineTo(-370, -113);
context.stroke();

context.lineTo(-369, -113);
context.stroke();

context.lineTo(-369, -113);
context.stroke();

context.lineTo(-368, -113);
context.stroke();

context.lineTo(-367, -113);
context.stroke();

context.lineTo(-366, -113);
context.stroke();

context.lineTo(-366, -113);
context.stroke();

context.lineTo(-365, -113);
context.stroke();

context.lineTo(-365, -113);
context.stroke();

context.lineTo(-364, -112);
context.stroke();

context.lineTo(-363, -109);
context.stroke();

context.lineTo(-362, -104);
context.stroke();

context.lineTo(-361, -97);
context.stroke();

context.lineTo(-360, -90);
context.stroke();

context.lineTo(-359, -85);
context.stroke();

context.lineTo(-358, -82);
context.stroke();

context.lineTo(-358, -80);
context.stroke();

context.lineTo(-358, -80);
context.stroke();

context.lineTo(-358, -80);
context.stroke();

context.lineTo(-357, -80);
context.stroke();

context.lineTo(-356, -80);
context.stroke();

context.lineTo(-352, -83);
context.stroke();

context.lineTo(-351, -86);
context.stroke();

context.lineTo(-348, -89);
context.stroke();

context.lineTo(-348, -90);
context.stroke();

context.lineTo(-346, -92);
context.stroke();

context.lineTo(-345, -94);
context.stroke();

context.lineTo(-343, -95);
context.stroke();

context.lineTo(-342, -97);
context.stroke();

context.lineTo(-342, -97);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(-398, -146);

context.lineTo(-397, -146);
context.stroke();

context.lineTo(-377, -148);
context.stroke();

context.lineTo(-345, -150);
context.stroke();

context.lineTo(-305, -150);
context.stroke();

context.lineTo(-272, -148);
context.stroke();

context.lineTo(-257, -145);
context.stroke();

context.lineTo(-248, -140);
context.stroke();

context.lineTo(-240, -135);
context.stroke();

context.lineTo(-233, -121);
context.stroke();

context.lineTo(-228, -103);
context.stroke();

context.lineTo(-226, -91);
context.stroke();

context.lineTo(-226, -90);
context.stroke();

context.lineTo(-226, -90);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(-290, -166);

context.lineTo(-292, -164);
context.stroke();

context.lineTo(-300, -154);
context.stroke();

context.lineTo(-325, -126);
context.stroke();

context.lineTo(-353, -107);
context.stroke();

context.lineTo(-403, -78);
context.stroke();

context.lineTo(-432, -74);
context.stroke();

context.lineTo(-452, -152);
context.stroke();

context.lineTo(-421, -129);
context.stroke();

context.lineTo(-415, -122);
context.stroke();

context.lineTo(-409, -114);
context.stroke();

context.lineTo(-409, -114);
context.stroke();

context.strokeStyle = '#000000';
context.strokeRect(-396, -153, 82, 119);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(-303, -164);

context.lineTo(-304, -161);
context.stroke();

context.lineTo(-304, -155);
context.stroke();

context.lineTo(-305, -142);
context.stroke();

context.lineTo(-306, -121);
context.stroke();

context.lineTo(-306, -87);
context.stroke();

context.lineTo(-305, -74);
context.stroke();

context.lineTo(-303, -52);
context.stroke();

context.lineTo(-300, -45);
context.stroke();

context.lineTo(-300, -45);
context.stroke();

context.lineWidth = 6;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.lineWidth = 11;

context.lineWidth = 10;

context.lineWidth = 9;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 1;

context.lineWidth = 3;

context.lineWidth = 5;

context.lineWidth = 8;

context.lineWidth = 11;

context.lineWidth = 12;

context.lineWidth = 13;

context.lineWidth = 14;

context.lineWidth = 13;

context.lineWidth = 12;

context.lineWidth = 11;

context.strokeStyle = '#FF6112';
context.beginPath();
context.moveTo(-391, -77);
context.lineTo(-246, -86);
context.stroke();
context.closePath();

context.lineWidth = 10;

context.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.strokeStyle = '#FF6112';
context.beginPath();
context.moveTo(-407, -117);
context.lineTo(-407, -127);
context.stroke();
context.closePath();
</script>
</body>
</html>