&lt;!DOCTYPE html&gt;<br/><br/>&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;<br/>&lt;head&gt;<br/>    &lt;title&gt;Your Canvas&lt;/title&gt;<br/><br/>    &lt;style type=&quot;text/css&quot;&gt;&lt;!--<br/>      #container { position: relative; }<br/>      #imageTemp { position: absolute; top: 1px; left: 1px; }<br/>    --&gt;&lt;/style&gt;<br/>        <br/>&lt;/head&gt;<br/>&lt;body&gt;  <br/>        &lt;canvas id=&quot;imageView&quot; width=&quot;600&quot; height=&quot;500&quot;&gt;&lt;/canvas&gt;<br/>            <br/>        &lt;script type=&quot;text/javascript&quot;&gt;<br/>var canvas, context, canvaso, contexto;<br/>canvaso = document.getElementById('imageView');<br/>context = canvaso.getContext('2d');<br/>context.lineWidth = 5;<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(1, 65);<br/><br/>context.lineTo(5, 65);<br/>context.stroke();<br/><br/>context.lineTo(8, 65);<br/>context.stroke();<br/><br/>context.lineTo(15, 65);<br/>context.stroke();<br/><br/>context.lineTo(27, 65);<br/>context.stroke();<br/><br/>context.lineTo(41, 65);<br/>context.stroke();<br/><br/>context.lineTo(64, 65);<br/>context.stroke();<br/><br/>context.lineTo(89, 65);<br/>context.stroke();<br/><br/>context.lineTo(114, 65);<br/>context.stroke();<br/><br/>context.lineTo(139, 66);<br/>context.stroke();<br/><br/>context.lineTo(158, 66);<br/>context.stroke();<br/><br/>context.lineTo(173, 66);<br/>context.stroke();<br/><br/>context.lineTo(189, 66);<br/>context.stroke();<br/><br/>context.lineTo(204, 66);<br/>context.stroke();<br/><br/>context.lineTo(221, 66);<br/>context.stroke();<br/><br/>context.lineTo(243, 68);<br/>context.stroke();<br/><br/>context.lineTo(266, 68);<br/>context.stroke();<br/><br/>context.lineTo(296, 68);<br/>context.stroke();<br/><br/>context.lineTo(335, 68);<br/>context.stroke();<br/><br/>context.lineTo(369, 68);<br/>context.stroke();<br/><br/>context.lineTo(395, 68);<br/>context.stroke();<br/><br/>context.lineTo(421, 68);<br/>context.stroke();<br/><br/>context.lineTo(439, 68);<br/>context.stroke();<br/><br/>context.lineTo(454, 68);<br/>context.stroke();<br/><br/>context.lineTo(466, 68);<br/>context.stroke();<br/><br/>context.lineTo(470, 68);<br/>context.stroke();<br/><br/>context.lineTo(471, 68);<br/>context.stroke();<br/><br/>context.lineTo(473, 68);<br/>context.stroke();<br/><br/>context.lineTo(477, 68);<br/>context.stroke();<br/><br/>context.lineTo(482, 68);<br/>context.stroke();<br/><br/>context.lineTo(493, 68);<br/>context.stroke();<br/><br/>context.lineTo(500, 68);<br/>context.stroke();<br/><br/>context.lineTo(509, 67);<br/>context.stroke();<br/><br/>context.lineTo(525, 67);<br/>context.stroke();<br/><br/>context.lineTo(541, 68);<br/>context.stroke();<br/><br/>context.lineTo(554, 70);<br/>context.stroke();<br/><br/>context.lineTo(560, 72);<br/>context.stroke();<br/><br/>context.lineTo(567, 75);<br/>context.stroke();<br/><br/>context.lineTo(574, 78);<br/>context.stroke();<br/><br/>context.lineTo(583, 79);<br/>context.stroke();<br/><br/>context.lineTo(586, 79);<br/>context.stroke();<br/><br/>context.lineTo(588, 79);<br/>context.stroke();<br/><br/>context.lineTo(589, 79);<br/>context.stroke();<br/><br/>context.lineTo(590, 78);<br/>context.stroke();<br/><br/>context.lineTo(594, 77);<br/>context.stroke();<br/><br/>context.lineTo(597, 76);<br/>context.stroke();<br/><br/>context.lineTo(599, 55);<br/>context.stroke();<br/><br/>context.lineTo(598, 55);<br/>context.stroke();<br/><br/>context.lineTo(594, 57);<br/>context.stroke();<br/><br/>context.lineTo(594, 57);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(269, 51);<br/><br/>context.lineTo(270, 51);<br/>context.stroke();<br/><br/>context.lineTo(270, 52);<br/>context.stroke();<br/><br/>context.lineTo(270, 58);<br/>context.stroke();<br/><br/>context.lineTo(272, 65);<br/>context.stroke();<br/><br/>context.lineTo(273, 72);<br/>context.stroke();<br/><br/>context.lineTo(275, 76);<br/>context.stroke();<br/><br/>context.lineTo(276, 79);<br/>context.stroke();<br/><br/>context.lineTo(277, 82);<br/>context.stroke();<br/><br/>context.lineTo(278, 84);<br/>context.stroke();<br/><br/>context.lineTo(279, 85);<br/>context.stroke();<br/><br/>context.lineTo(280, 85);<br/>context.stroke();<br/><br/>context.lineTo(280, 86);<br/>context.stroke();<br/><br/>context.lineTo(279, 86);<br/>context.stroke();<br/><br/>context.lineTo(276, 86);<br/>context.stroke();<br/><br/>context.lineTo(270, 85);<br/>context.stroke();<br/><br/>context.lineTo(264, 83);<br/>context.stroke();<br/><br/>context.lineTo(254, 80);<br/>context.stroke();<br/><br/>context.lineTo(243, 77);<br/>context.stroke();<br/><br/>context.lineTo(227, 74);<br/>context.stroke();<br/><br/>context.lineTo(210, 73);<br/>context.stroke();<br/><br/>context.lineTo(190, 73);<br/>context.stroke();<br/><br/>context.lineTo(173, 73);<br/>context.stroke();<br/><br/>context.lineTo(153, 74);<br/>context.stroke();<br/><br/>context.lineTo(136, 74);<br/>context.stroke();<br/><br/>context.lineTo(127, 74);<br/>context.stroke();<br/><br/>context.lineTo(127, 75);<br/>context.stroke();<br/><br/>context.lineTo(126, 75);<br/>context.stroke();<br/><br/>context.lineTo(124, 75);<br/>context.stroke();<br/><br/>context.lineTo(115, 75);<br/>context.stroke();<br/><br/>context.lineTo(103, 75);<br/>context.stroke();<br/><br/>context.lineTo(93, 75);<br/>context.stroke();<br/><br/>context.lineTo(79, 75);<br/>context.stroke();<br/><br/>context.lineTo(62, 74);<br/>context.stroke();<br/><br/>context.lineTo(58, 73);<br/>context.stroke();<br/><br/>context.lineTo(57, 73);<br/>context.stroke();<br/><br/>context.lineTo(54, 72);<br/>context.stroke();<br/><br/>context.lineTo(46, 72);<br/>context.stroke();<br/><br/>context.lineTo(42, 72);<br/>context.stroke();<br/><br/>context.lineTo(41, 72);<br/>context.stroke();<br/><br/>context.lineTo(40, 72);<br/>context.stroke();<br/><br/>context.lineTo(38, 72);<br/>context.stroke();<br/><br/>context.lineTo(37, 72);<br/>context.stroke();<br/><br/>context.lineTo(36, 72);<br/>context.stroke();<br/><br/>context.lineTo(34, 70);<br/>context.stroke();<br/><br/>context.lineTo(31, 69);<br/>context.stroke();<br/><br/>context.lineTo(27, 68);<br/>context.stroke();<br/><br/>context.lineTo(23, 67);<br/>context.stroke();<br/><br/>context.lineTo(18, 66);<br/>context.stroke();<br/><br/>context.lineTo(14, 66);<br/>context.stroke();<br/><br/>context.lineTo(12, 66);<br/>context.stroke();<br/><br/>context.lineTo(11, 66);<br/>context.stroke();<br/><br/>context.lineTo(8, 66);<br/>context.stroke();<br/><br/>context.lineTo(7, 66);<br/>context.stroke();<br/><br/>context.lineTo(5, 66);<br/>context.stroke();<br/><br/>context.lineTo(5, 65);<br/>context.stroke();<br/><br/>context.lineTo(7, 65);<br/>context.stroke();<br/><br/>context.lineTo(13, 62);<br/>context.stroke();<br/><br/>context.lineTo(24, 60);<br/>context.stroke();<br/><br/>context.lineTo(44, 60);<br/>context.stroke();<br/><br/>context.lineTo(74, 59);<br/>context.stroke();<br/><br/>context.lineTo(111, 58);<br/>context.stroke();<br/><br/>context.lineTo(145, 56);<br/>context.stroke();<br/><br/>context.lineTo(171, 55);<br/>context.stroke();<br/><br/>context.lineTo(194, 55);<br/>context.stroke();<br/><br/>context.lineTo(205, 55);<br/>context.stroke();<br/><br/>context.lineTo(213, 55);<br/>context.stroke();<br/><br/>context.lineTo(218, 53);<br/>context.stroke();<br/><br/>context.lineTo(224, 53);<br/>context.stroke();<br/><br/>context.lineTo(230, 53);<br/>context.stroke();<br/><br/>context.lineTo(236, 52);<br/>context.stroke();<br/><br/>context.lineTo(245, 52);<br/>context.stroke();<br/><br/>context.lineTo(263, 52);<br/>context.stroke();<br/><br/>context.lineTo(293, 55);<br/>context.stroke();<br/><br/>context.lineTo(334, 59);<br/>context.stroke();<br/><br/>context.lineTo(379, 61);<br/>context.stroke();<br/><br/>context.lineTo(430, 62);<br/>context.stroke();<br/><br/>context.lineTo(464, 62);<br/>context.stroke();<br/><br/>context.lineTo(483, 62);<br/>context.stroke();<br/><br/>context.lineTo(488, 62);<br/>context.stroke();<br/><br/>context.lineTo(489, 62);<br/>context.stroke();<br/><br/>context.lineTo(492, 62);<br/>context.stroke();<br/><br/>context.lineTo(494, 62);<br/>context.stroke();<br/><br/>context.lineTo(496, 62);<br/>context.stroke();<br/><br/>context.lineTo(497, 62);<br/>context.stroke();<br/><br/>context.lineTo(499, 62);<br/>context.stroke();<br/><br/>context.lineTo(503, 62);<br/>context.stroke();<br/><br/>context.lineTo(511, 62);<br/>context.stroke();<br/><br/>context.lineTo(522, 62);<br/>context.stroke();<br/><br/>context.lineTo(530, 62);<br/>context.stroke();<br/><br/>context.lineTo(532, 62);<br/>context.stroke();<br/><br/>context.lineTo(533, 62);<br/>context.stroke();<br/><br/>context.lineTo(535, 62);<br/>context.stroke();<br/><br/>context.lineTo(539, 61);<br/>context.stroke();<br/><br/>context.lineTo(542, 61);<br/>context.stroke();<br/><br/>context.lineTo(546, 61);<br/>context.stroke();<br/><br/>context.lineTo(553, 61);<br/>context.stroke();<br/><br/>context.lineTo(560, 62);<br/>context.stroke();<br/><br/>context.lineTo(571, 64);<br/>context.stroke();<br/><br/>context.lineTo(572, 64);<br/>context.stroke();<br/><br/>context.lineTo(573, 64);<br/>context.stroke();<br/><br/>context.lineTo(574, 64);<br/>context.stroke();<br/><br/>context.lineTo(577, 64);<br/>context.stroke();<br/><br/>context.lineTo(580, 64);<br/>context.stroke();<br/><br/>context.lineTo(581, 64);<br/>context.stroke();<br/><br/>context.lineTo(582, 64);<br/>context.stroke();<br/><br/>context.lineTo(585, 64);<br/>context.stroke();<br/><br/>context.lineTo(588, 64);<br/>context.stroke();<br/><br/>context.lineTo(591, 64);<br/>context.stroke();<br/><br/>context.lineTo(593, 64);<br/>context.stroke();<br/><br/>context.lineTo(595, 65);<br/>context.stroke();<br/><br/>context.lineTo(596, 67);<br/>context.stroke();<br/><br/>context.lineTo(597, 69);<br/>context.stroke();<br/><br/>context.lineTo(597, 72);<br/>context.stroke();<br/><br/>context.lineTo(597, 74);<br/>context.stroke();<br/><br/>context.lineTo(597, 77);<br/>context.stroke();<br/><br/>context.lineTo(595, 79);<br/>context.stroke();<br/><br/>context.lineTo(594, 80);<br/>context.stroke();<br/><br/>context.lineTo(593, 83);<br/>context.stroke();<br/><br/>context.lineTo(588, 84);<br/>context.stroke();<br/><br/>context.lineTo(587, 84);<br/>context.stroke();<br/><br/>context.lineTo(587, 85);<br/>context.stroke();<br/><br/>context.lineTo(585, 85);<br/>context.stroke();<br/><br/>context.lineTo(582, 79);<br/>context.stroke();<br/><br/>context.lineTo(580, 75);<br/>context.stroke();<br/><br/>context.lineTo(580, 69);<br/>context.stroke();<br/><br/>context.lineTo(582, 63);<br/>context.stroke();<br/><br/>context.lineTo(588, 56);<br/>context.stroke();<br/><br/>context.lineTo(594, 51);<br/>context.stroke();<br/><br/>context.lineTo(599, 49);<br/>context.stroke();<br/><br/>context.lineTo(598, 51);<br/>context.stroke();<br/><br/>context.lineTo(591, 55);<br/>context.stroke();<br/><br/>context.lineTo(579, 59);<br/>context.stroke();<br/><br/>context.lineTo(561, 62);<br/>context.stroke();<br/><br/>context.lineTo(543, 65);<br/>context.stroke();<br/><br/>context.lineTo(531, 66);<br/>context.stroke();<br/><br/>context.lineTo(526, 66);<br/>context.stroke();<br/><br/>context.lineTo(527, 66);<br/>context.stroke();<br/><br/>context.lineTo(530, 66);<br/>context.stroke();<br/><br/>context.lineTo(539, 65);<br/>context.stroke();<br/><br/>context.lineTo(547, 65);<br/>context.stroke();<br/><br/>context.lineTo(556, 65);<br/>context.stroke();<br/><br/>context.lineTo(559, 65);<br/>context.stroke();<br/><br/>context.lineTo(560, 65);<br/>context.stroke();<br/><br/>context.lineTo(558, 65);<br/>context.stroke();<br/><br/>context.lineTo(553, 65);<br/>context.stroke();<br/><br/>context.lineTo(539, 65);<br/>context.stroke();<br/><br/>context.lineTo(509, 65);<br/>context.stroke();<br/><br/>context.lineTo(458, 62);<br/>context.stroke();<br/><br/>context.lineTo(382, 59);<br/>context.stroke();<br/><br/>context.lineTo(315, 57);<br/>context.stroke();<br/><br/>context.lineTo(260, 53);<br/>context.stroke();<br/><br/>context.lineTo(240, 51);<br/>context.stroke();<br/><br/>context.lineTo(233, 51);<br/>context.stroke();<br/><br/>context.lineTo(229, 51);<br/>context.stroke();<br/><br/>context.lineTo(217, 51);<br/>context.stroke();<br/><br/>context.lineTo(208, 51);<br/>context.stroke();<br/><br/>context.lineTo(199, 53);<br/>context.stroke();<br/><br/>context.lineTo(190, 54);<br/>context.stroke();<br/><br/>context.lineTo(183, 55);<br/>context.stroke();<br/><br/>context.lineTo(179, 55);<br/>context.stroke();<br/><br/>context.lineTo(178, 55);<br/>context.stroke();<br/><br/>context.lineTo(178, 56);<br/>context.stroke();<br/><br/>context.lineTo(179, 56);<br/>context.stroke();<br/><br/>context.lineTo(187, 56);<br/>context.stroke();<br/><br/>context.lineTo(199, 55);<br/>context.stroke();<br/><br/>context.lineTo(233, 54);<br/>context.stroke();<br/><br/>context.lineTo(330, 53);<br/>context.stroke();<br/><br/>context.lineTo(441, 52);<br/>context.stroke();<br/><br/>context.lineTo(544, 50);<br/>context.stroke();<br/><br/>context.lineTo(592, 50);<br/>context.stroke();<br/><br/>context.lineTo(542, 52);<br/>context.stroke();<br/><br/>context.lineTo(459, 55);<br/>context.stroke();<br/><br/>context.lineTo(356, 61);<br/>context.stroke();<br/><br/>context.lineTo(281, 66);<br/>context.stroke();<br/><br/>context.lineTo(234, 69);<br/>context.stroke();<br/><br/>context.lineTo(227, 70);<br/>context.stroke();<br/><br/>context.lineTo(230, 70);<br/>context.stroke();<br/><br/>context.lineTo(242, 70);<br/>context.stroke();<br/><br/>context.lineTo(273, 70);<br/>context.stroke();<br/><br/>context.lineTo(346, 72);<br/>context.stroke();<br/><br/>context.lineTo(445, 74);<br/>context.stroke();<br/><br/>context.lineTo(543, 77);<br/>context.stroke();<br/><br/>context.lineTo(579, 77);<br/>context.stroke();<br/><br/>context.lineTo(578, 77);<br/>context.stroke();<br/><br/>context.lineTo(573, 77);<br/>context.stroke();<br/><br/>context.lineTo(562, 77);<br/>context.stroke();<br/><br/>context.lineTo(521, 78);<br/>context.stroke();<br/><br/>context.lineTo(426, 82);<br/>context.stroke();<br/><br/>context.lineTo(307, 85);<br/>context.stroke();<br/><br/>context.lineTo(179, 88);<br/>context.stroke();<br/><br/>context.lineTo(83, 90);<br/>context.stroke();<br/><br/>context.lineTo(68, 90);<br/>context.stroke();<br/><br/>context.lineTo(67, 90);<br/>context.stroke();<br/><br/>context.lineTo(71, 90);<br/>context.stroke();<br/><br/>context.lineTo(80, 88);<br/>context.stroke();<br/><br/>context.lineTo(105, 87);<br/>context.stroke();<br/><br/>context.lineTo(176, 87);<br/>context.stroke();<br/><br/>context.lineTo(271, 86);<br/>context.stroke();<br/><br/>context.lineTo(380, 83);<br/>context.stroke();<br/><br/>context.lineTo(481, 80);<br/>context.stroke();<br/><br/>context.lineTo(517, 77);<br/>context.stroke();<br/><br/>context.lineTo(516, 77);<br/>context.stroke();<br/><br/>context.lineTo(510, 77);<br/>context.stroke();<br/><br/>context.lineTo(484, 78);<br/>context.stroke();<br/><br/>context.lineTo(409, 78);<br/>context.stroke();<br/><br/>context.lineTo(292, 78);<br/>context.stroke();<br/><br/>context.lineTo(124, 78);<br/>context.stroke();<br/><br/>context.lineTo(30, 78);<br/>context.stroke();<br/><br/>context.lineTo(6, 78);<br/>context.stroke();<br/><br/>context.lineTo(7, 78);<br/>context.stroke();<br/><br/>context.lineTo(12, 77);<br/>context.stroke();<br/><br/>context.lineTo(34, 74);<br/>context.stroke();<br/><br/>context.lineTo(82, 74);<br/>context.stroke();<br/><br/>context.lineTo(178, 73);<br/>context.stroke();<br/><br/>context.lineTo(295, 71);<br/>context.stroke();<br/><br/>context.lineTo(386, 71);<br/>context.stroke();<br/><br/>context.lineTo(397, 71);<br/>context.stroke();<br/><br/>context.lineTo(392, 71);<br/>context.stroke();<br/><br/>context.lineTo(384, 73);<br/>context.stroke();<br/><br/>context.lineTo(346, 74);<br/>context.stroke();<br/><br/>context.lineTo(269, 79);<br/>context.stroke();<br/><br/>context.lineTo(159, 82);<br/>context.stroke();<br/><br/>context.lineTo(99, 82);<br/>context.stroke();<br/><br/>context.lineTo(99, 82);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.strokeRect(15, 116, 584, 83);<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>