<!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.strokeRect(155, 61, 307, 246);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(67, 114);

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

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

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

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

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

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

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

context.lineTo(69, 132);
context.stroke();

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

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

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

context.lineTo(71, 157);
context.stroke();

context.lineTo(71, 173);
context.stroke();

context.lineTo(71, 183);
context.stroke();

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

context.lineTo(71, 197);
context.stroke();

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

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

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

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

context.lineTo(72, 224);
context.stroke();

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

context.lineTo(75, 231);
context.stroke();

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

context.lineTo(87, 254);
context.stroke();

context.lineTo(95, 278);
context.stroke();

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

context.lineTo(112, 316);
context.stroke();

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

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

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

context.lineTo(185, 369);
context.stroke();

context.lineTo(224, 372);
context.stroke();

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

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

context.lineTo(309, 360);
context.stroke();

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

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

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

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

context.lineTo(362, 196);
context.stroke();

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

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

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

context.lineTo(306, 101);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(100, 76);
context.stroke();

context.lineTo(92, 83);
context.stroke();

context.lineTo(90, 85);
context.stroke();

context.lineTo(89, 86);
context.stroke();

context.lineTo(87, 90);
context.stroke();

context.lineTo(85, 95);
context.stroke();

context.lineTo(83, 99);
context.stroke();

context.lineTo(82, 101);
context.stroke();

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

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

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

context.lineTo(75, 110);
context.stroke();

context.lineTo(73, 111);
context.stroke();

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

context.lineTo(57, 127);
context.stroke();

context.lineTo(57, 127);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(232, 315);
context.lineTo(426, 212);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(448, 150);
context.lineTo(433, 106);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(481, 84);
context.lineTo(466, 213);
context.stroke();
context.closePath();
</script>
</body>
</html>