<!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(264, 143);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(383, 80);

context.lineTo(383, 80);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(383, 80);

context.lineTo(383, 80);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(371, 165);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(107, 45);
context.lineTo(251, 219);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(347, 220);
context.lineTo(146, 20);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(52, 200, 250, 89);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(212, 44);

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

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

context.lineTo(216, 53);
context.stroke();

context.lineTo(216, 64);
context.stroke();

context.lineTo(216, 81);
context.stroke();

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

context.lineTo(210, 105);
context.stroke();

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

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

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

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

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

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

context.lineTo(222, 115);
context.stroke();

context.lineTo(234, 107);
context.stroke();

context.lineTo(240, 104);
context.stroke();

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

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

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

context.lineTo(237, 114);
context.stroke();

context.lineTo(223, 128);
context.stroke();

context.lineTo(212, 136);
context.stroke();

context.lineTo(204, 142);
context.stroke();

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

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

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

context.lineTo(202, 144);
context.stroke();

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

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

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

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

context.lineTo(335, 167);
context.stroke();

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

context.lineTo(358, 190);
context.stroke();

context.lineTo(363, 198);
context.stroke();

context.lineTo(364, 205);
context.stroke();

context.lineTo(364, 210);
context.stroke();

context.lineTo(364, 218);
context.stroke();

context.lineTo(363, 225);
context.stroke();

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

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

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

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

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

context.lineTo(351, 239);
context.stroke();

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

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

context.lineTo(355, 227);
context.stroke();

context.lineTo(355, 227);
context.stroke();
</script>
</body>
</html>