<!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(0, 498);

context.lineTo(1, 498);
context.stroke();

context.lineTo(1, 498);
context.stroke();

context.lineTo(5, 498);
context.stroke();

context.lineTo(6, 498);
context.stroke();

context.lineTo(7, 498);
context.stroke();

context.lineTo(9, 498);
context.stroke();

context.lineTo(9, 498);
context.stroke();

context.lineTo(10, 498);
context.stroke();

context.lineTo(11, 498);
context.stroke();

context.lineTo(12, 498);
context.stroke();

context.lineTo(13, 498);
context.stroke();

context.lineTo(13, 498);
context.stroke();

context.lineTo(14, 498);
context.stroke();

context.lineTo(15, 498);
context.stroke();

context.lineTo(16, 498);
context.stroke();

context.lineTo(17, 498);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(35, 472);

context.lineTo(34, 472);
context.stroke();

context.lineTo(33, 474);
context.stroke();

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

context.lineTo(29, 479);
context.stroke();

context.lineTo(26, 481);
context.stroke();

context.lineTo(23, 483);
context.stroke();

context.lineTo(22, 484);
context.stroke();

context.lineTo(19, 488);
context.stroke();

context.lineTo(16, 489);
context.stroke();

context.lineTo(13, 492);
context.stroke();

context.lineTo(9, 494);
context.stroke();

context.lineTo(6, 496);
context.stroke();

context.lineTo(5, 496);
context.stroke();

context.lineTo(3, 498);
context.stroke();

context.lineTo(2, 498);
context.stroke();

context.lineTo(5, 499);
context.stroke();

context.lineTo(17, 499);
context.stroke();

context.lineTo(17, 498);
context.stroke();

context.lineTo(16, 498);
context.stroke();

context.lineTo(14, 498);
context.stroke();

context.lineTo(13, 498);
context.stroke();

context.lineTo(12, 498);
context.stroke();

context.lineTo(11, 498);
context.stroke();

context.lineTo(10, 497);
context.stroke();

context.lineTo(9, 497);
context.stroke();

context.lineTo(9, 497);
context.stroke();

context.lineTo(8, 497);
context.stroke();

context.lineTo(6, 497);
context.stroke();

context.lineTo(5, 497);
context.stroke();

context.lineTo(5, 497);
context.stroke();

context.lineTo(5, 496);
context.stroke();

context.lineTo(6, 496);
context.stroke();

context.lineTo(9, 496);
context.stroke();

context.lineTo(12, 496);
context.stroke();

context.lineTo(13, 496);
context.stroke();

context.lineTo(14, 496);
context.stroke();

context.lineTo(14, 495);
context.stroke();

context.lineTo(16, 495);
context.stroke();

context.lineTo(18, 495);
context.stroke();

context.lineTo(17, 495);
context.stroke();

context.lineTo(13, 496);
context.stroke();

context.lineTo(8, 496);
context.stroke();

context.lineTo(4, 497);
context.stroke();

context.lineTo(1, 498);
context.stroke();

context.lineTo(8, 498);
context.stroke();

context.lineTo(14, 498);
context.stroke();

context.lineTo(27, 498);
context.stroke();

context.lineTo(33, 498);
context.stroke();

context.lineTo(33, 498);
context.stroke();

context.lineTo(33, 499);
context.stroke();

context.lineTo(0, 498);
context.stroke();

context.lineTo(6, 496);
context.stroke();

context.lineTo(19, 490);
context.stroke();

context.lineTo(19, 490);
context.stroke();
</script>
</body>
</html>