&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(6, 85);<br/>context.lineTo(598,   83);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.strokeRect(9, 7, 205, 69);<br/><br/>context.strokeStyle = '#000000';<br/>context.strokeRect(230, 4, 361, 71);<br/><br/>context.strokeStyle = '#000000';<br/>context.strokeRect(462, 166, 20, 26);<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(460, 154);<br/><br/>context.lineTo(461, 154);<br/>context.stroke();<br/><br/>context.lineTo(462, 154);<br/>context.stroke();<br/><br/>context.lineTo(464, 154);<br/>context.stroke();<br/><br/>context.lineTo(465, 154);<br/>context.stroke();<br/><br/>context.lineTo(466, 154);<br/>context.stroke();<br/><br/>context.lineTo(468, 154);<br/>context.stroke();<br/><br/>context.lineTo(469, 155);<br/>context.stroke();<br/><br/>context.lineTo(471, 158);<br/>context.stroke();<br/><br/>context.lineTo(475, 163);<br/>context.stroke();<br/><br/>context.lineTo(477, 166);<br/>context.stroke();<br/><br/>context.lineTo(480, 168);<br/>context.stroke();<br/><br/>context.lineTo(483, 170);<br/>context.stroke();<br/><br/>context.lineTo(484, 171);<br/>context.stroke();<br/><br/>context.lineTo(486, 173);<br/>context.stroke();<br/><br/>context.lineTo(487, 173);<br/>context.stroke();<br/><br/>context.lineTo(487, 174);<br/>context.stroke();<br/><br/>context.lineTo(487, 178);<br/>context.stroke();<br/><br/>context.lineTo(486, 182);<br/>context.stroke();<br/><br/>context.lineTo(485, 186);<br/>context.stroke();<br/><br/>context.lineTo(483, 192);<br/>context.stroke();<br/><br/>context.lineTo(482, 196);<br/>context.stroke();<br/><br/>context.lineTo(482, 198);<br/>context.stroke();<br/><br/>context.lineTo(482, 199);<br/>context.stroke();<br/><br/>context.lineTo(481, 199);<br/>context.stroke();<br/><br/>context.lineTo(479, 199);<br/>context.stroke();<br/><br/>context.lineTo(478, 197);<br/>context.stroke();<br/><br/>context.lineTo(478, 197);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(473, 169);<br/><br/>context.lineTo(473, 170);<br/>context.stroke();<br/><br/>context.lineTo(473, 171);<br/>context.stroke();<br/><br/>context.lineTo(470, 174);<br/>context.stroke();<br/><br/>context.lineTo(467, 177);<br/>context.stroke();<br/><br/>context.lineTo(465, 178);<br/>context.stroke();<br/><br/>context.lineTo(463, 179);<br/>context.stroke();<br/><br/>context.lineTo(462, 180);<br/>context.stroke();<br/><br/>context.lineTo(461, 181);<br/>context.stroke();<br/><br/>context.lineTo(462, 181);<br/>context.stroke();<br/><br/>context.lineTo(464, 181);<br/>context.stroke();<br/><br/>context.lineTo(471, 181);<br/>context.stroke();<br/><br/>context.lineTo(479, 178);<br/>context.stroke();<br/><br/>context.lineTo(486, 175);<br/>context.stroke();<br/><br/>context.lineTo(491, 171);<br/>context.stroke();<br/><br/>context.lineTo(493, 169);<br/>context.stroke();<br/><br/>context.lineTo(496, 167);<br/>context.stroke();<br/><br/>context.lineTo(496, 165);<br/>context.stroke();<br/><br/>context.lineTo(496, 164);<br/>context.stroke();<br/><br/>context.lineTo(496, 162);<br/>context.stroke();<br/><br/>context.lineTo(495, 162);<br/>context.stroke();<br/><br/>context.lineTo(494, 162);<br/>context.stroke();<br/><br/>context.lineTo(490, 162);<br/>context.stroke();<br/><br/>context.lineTo(483, 162);<br/>context.stroke();<br/><br/>context.lineTo(476, 162);<br/>context.stroke();<br/><br/>context.lineTo(467, 166);<br/>context.stroke();<br/><br/>context.lineTo(457, 169);<br/>context.stroke();<br/><br/>context.lineTo(447, 173);<br/>context.stroke();<br/><br/>context.lineTo(438, 177);<br/>context.stroke();<br/><br/>context.lineTo(432, 181);<br/>context.stroke();<br/><br/>context.lineTo(426, 183);<br/>context.stroke();<br/><br/>context.lineTo(425, 184);<br/>context.stroke();<br/><br/>context.lineTo(426, 184);<br/>context.stroke();<br/><br/>context.lineTo(429, 184);<br/>context.stroke();<br/><br/>context.lineTo(437, 182);<br/>context.stroke();<br/><br/>context.lineTo(447, 178);<br/>context.stroke();<br/><br/>context.lineTo(454, 173);<br/>context.stroke();<br/><br/>context.lineTo(460, 170);<br/>context.stroke();<br/><br/>context.lineTo(464, 165);<br/>context.stroke();<br/><br/>context.lineTo(467, 163);<br/>context.stroke();<br/><br/>context.lineTo(468, 162);<br/>context.stroke();<br/><br/>context.lineTo(468, 161);<br/>context.stroke();<br/><br/>context.lineTo(467, 161);<br/>context.stroke();<br/><br/>context.lineTo(463, 162);<br/>context.stroke();<br/><br/>context.lineTo(459, 164);<br/>context.stroke();<br/><br/>context.lineTo(455, 166);<br/>context.stroke();<br/><br/>context.lineTo(451, 168);<br/>context.stroke();<br/><br/>context.lineTo(449, 169);<br/>context.stroke();<br/><br/>context.lineTo(450, 169);<br/>context.stroke();<br/><br/>context.lineTo(460, 169);<br/>context.stroke();<br/><br/>context.lineTo(474, 169);<br/>context.stroke();<br/><br/>context.lineTo(488, 166);<br/>context.stroke();<br/><br/>context.lineTo(500, 162);<br/>context.stroke();<br/><br/>context.lineTo(506, 161);<br/>context.stroke();<br/><br/>context.lineTo(509, 160);<br/>context.stroke();<br/><br/>context.lineTo(508, 160);<br/>context.stroke();<br/><br/>context.lineTo(501, 160);<br/>context.stroke();<br/><br/>context.lineTo(489, 163);<br/>context.stroke();<br/><br/>context.lineTo(478, 167);<br/>context.stroke();<br/><br/>context.lineTo(468, 170);<br/>context.stroke();<br/><br/>context.lineTo(456, 173);<br/>context.stroke();<br/><br/>context.lineTo(450, 175);<br/>context.stroke();<br/><br/>context.lineTo(447, 175);<br/>context.stroke();<br/><br/>context.lineTo(450, 175);<br/>context.stroke();<br/><br/>context.lineTo(454, 173);<br/>context.stroke();<br/><br/>context.lineTo(458, 170);<br/>context.stroke();<br/><br/>context.lineTo(462, 169);<br/>context.stroke();<br/><br/>context.lineTo(465, 167);<br/>context.stroke();<br/><br/>context.lineTo(466, 166);<br/>context.stroke();<br/><br/>context.lineTo(467, 166);<br/>context.stroke();<br/><br/>context.lineTo(466, 166);<br/>context.stroke();<br/><br/>context.lineTo(464, 167);<br/>context.stroke();<br/><br/>context.lineTo(462, 168);<br/>context.stroke();<br/><br/>context.lineTo(460, 168);<br/>context.stroke();<br/><br/>context.lineTo(460, 169);<br/>context.stroke();<br/><br/>context.lineTo(462, 169);<br/>context.stroke();<br/><br/>context.lineTo(471, 169);<br/>context.stroke();<br/><br/>context.lineTo(480, 169);<br/>context.stroke();<br/><br/>context.lineTo(490, 168);<br/>context.stroke();<br/><br/>context.lineTo(495, 166);<br/>context.stroke();<br/><br/>context.lineTo(498, 165);<br/>context.stroke();<br/><br/>context.lineTo(497, 165);<br/>context.stroke();<br/><br/>context.lineTo(495, 166);<br/>context.stroke();<br/><br/>context.lineTo(489, 170);<br/>context.stroke();<br/><br/>context.lineTo(482, 174);<br/>context.stroke();<br/><br/>context.lineTo(473, 177);<br/>context.stroke();<br/><br/>context.lineTo(465, 181);<br/>context.stroke();<br/><br/>context.lineTo(457, 182);<br/>context.stroke();<br/><br/>context.lineTo(451, 183);<br/>context.stroke();<br/><br/>context.lineTo(448, 186);<br/>context.stroke();<br/><br/>context.lineTo(446, 186);<br/>context.stroke();<br/><br/>context.lineTo(449, 186);<br/>context.stroke();<br/><br/>context.lineTo(454, 183);<br/>context.stroke();<br/><br/>context.lineTo(461, 180);<br/>context.stroke();<br/><br/>context.lineTo(469, 177);<br/>context.stroke();<br/><br/>context.lineTo(477, 174);<br/>context.stroke();<br/><br/>context.lineTo(482, 172);<br/>context.stroke();<br/><br/>context.lineTo(487, 170);<br/>context.stroke();<br/><br/>context.lineTo(488, 169);<br/>context.stroke();<br/><br/>context.lineTo(486, 169);<br/>context.stroke();<br/><br/>context.lineTo(483, 170);<br/>context.stroke();<br/><br/>context.lineTo(479, 173);<br/>context.stroke();<br/><br/>context.lineTo(473, 175);<br/>context.stroke();<br/><br/>context.lineTo(467, 177);<br/>context.stroke();<br/><br/>context.lineTo(459, 180);<br/>context.stroke();<br/><br/>context.lineTo(449, 185);<br/>context.stroke();<br/><br/>context.lineTo(446, 186);<br/>context.stroke();<br/><br/>context.lineTo(440, 188);<br/>context.stroke();<br/><br/>context.lineTo(439, 189);<br/>context.stroke();<br/><br/>context.lineTo(438, 189);<br/>context.stroke();<br/><br/>context.lineTo(439, 189);<br/>context.stroke();<br/><br/>context.lineTo(448, 189);<br/>context.stroke();<br/><br/>context.lineTo(460, 185);<br/>context.stroke();<br/><br/>context.lineTo(474, 182);<br/>context.stroke();<br/><br/>context.lineTo(485, 177);<br/>context.stroke();<br/><br/>context.lineTo(496, 174);<br/>context.stroke();<br/><br/>context.lineTo(500, 172);<br/>context.stroke();<br/><br/>context.lineTo(500, 171);<br/>context.stroke();<br/><br/>context.lineTo(498, 171);<br/>context.stroke();<br/><br/>context.lineTo(493, 171);<br/>context.stroke();<br/><br/>context.lineTo(485, 176);<br/>context.stroke();<br/><br/>context.lineTo(476, 179);<br/>context.stroke();<br/><br/>context.lineTo(464, 185);<br/>context.stroke();<br/><br/>context.lineTo(453, 189);<br/>context.stroke();<br/><br/>context.lineTo(442, 194);<br/>context.stroke();<br/><br/>context.lineTo(436, 197);<br/>context.stroke();<br/><br/>context.lineTo(433, 199);<br/>context.stroke();<br/><br/>context.lineTo(432, 200);<br/>context.stroke();<br/><br/>context.lineTo(433, 200);<br/>context.stroke();<br/><br/>context.lineTo(436, 200);<br/>context.stroke();<br/><br/>context.lineTo(444, 196);<br/>context.stroke();<br/><br/>context.lineTo(453, 193);<br/>context.stroke();<br/><br/>context.lineTo(462, 190);<br/>context.stroke();<br/><br/>context.lineTo(470, 188);<br/>context.stroke();<br/><br/>context.lineTo(473, 185);<br/>context.stroke();<br/><br/>context.lineTo(475, 185);<br/>context.stroke();<br/><br/>context.lineTo(476, 184);<br/>context.stroke();<br/><br/>context.lineTo(475, 184);<br/>context.stroke();<br/><br/>context.lineTo(473, 184);<br/>context.stroke();<br/><br/>context.lineTo(470, 187);<br/>context.stroke();<br/><br/>context.lineTo(465, 188);<br/>context.stroke();<br/><br/>context.lineTo(462, 190);<br/>context.stroke();<br/><br/>context.lineTo(458, 192);<br/>context.stroke();<br/><br/>context.lineTo(456, 193);<br/>context.stroke();<br/><br/>context.lineTo(455, 194);<br/>context.stroke();<br/><br/>context.lineTo(456, 194);<br/>context.stroke();<br/><br/>context.lineTo(460, 194);<br/>context.stroke();<br/><br/>context.lineTo(467, 193);<br/>context.stroke();<br/><br/>context.lineTo(473, 191);<br/>context.stroke();<br/><br/>context.lineTo(479, 190);<br/>context.stroke();<br/><br/>context.lineTo(482, 188);<br/>context.stroke();<br/><br/>context.lineTo(483, 187);<br/>context.stroke();<br/><br/>context.lineTo(482, 187);<br/>context.stroke();<br/><br/>context.lineTo(479, 187);<br/>context.stroke();<br/><br/>context.lineTo(475, 188);<br/>context.stroke();<br/><br/>context.lineTo(467, 191);<br/>context.stroke();<br/><br/>context.lineTo(464, 192);<br/>context.stroke();<br/><br/>context.lineTo(461, 193);<br/>context.stroke();<br/><br/>context.lineTo(461, 194);<br/>context.stroke();<br/><br/>context.lineTo(463, 194);<br/>context.stroke();<br/><br/>context.lineTo(470, 192);<br/>context.stroke();<br/><br/>context.lineTo(475, 190);<br/>context.stroke();<br/><br/>context.lineTo(480, 188);<br/>context.stroke();<br/><br/>context.lineTo(485, 184);<br/>context.stroke();<br/><br/>context.lineTo(489, 183);<br/>context.stroke();<br/><br/>context.lineTo(491, 183);<br/>context.stroke();<br/><br/>context.lineTo(491, 182);<br/>context.stroke();<br/><br/>context.lineTo(490, 182);<br/>context.stroke();<br/><br/>context.lineTo(485, 184);<br/>context.stroke();<br/><br/>context.lineTo(481, 186);<br/>context.stroke();<br/><br/>context.lineTo(475, 189);<br/>context.stroke();<br/><br/>context.lineTo(469, 190);<br/>context.stroke();<br/><br/>context.lineTo(465, 191);<br/>context.stroke();<br/><br/>context.lineTo(460, 192);<br/>context.stroke();<br/><br/>context.lineTo(459, 194);<br/>context.stroke();<br/><br/>context.lineTo(460, 194);<br/>context.stroke();<br/><br/>context.lineTo(461, 193);<br/>context.stroke();<br/><br/>context.lineTo(464, 191);<br/>context.stroke();<br/><br/>context.lineTo(466, 190);<br/>context.stroke();<br/><br/>context.lineTo(470, 189);<br/>context.stroke();<br/><br/>context.lineTo(475, 188);<br/>context.stroke();<br/><br/>context.lineTo(475, 187);<br/>context.stroke();<br/><br/>context.lineTo(476, 185);<br/>context.stroke();<br/><br/>context.lineTo(476, 184);<br/>context.stroke();<br/><br/>context.lineTo(475, 185);<br/>context.stroke();<br/><br/>context.lineTo(471, 188);<br/>context.stroke();<br/><br/>context.lineTo(466, 191);<br/>context.stroke();<br/><br/>context.lineTo(463, 195);<br/>context.stroke();<br/><br/>context.lineTo(459, 196);<br/>context.stroke();<br/><br/>context.lineTo(459, 197);<br/>context.stroke();<br/><br/>context.lineTo(462, 197);<br/>context.stroke();<br/><br/>context.lineTo(467, 195);<br/>context.stroke();<br/><br/>context.lineTo(473, 192);<br/>context.stroke();<br/><br/>context.lineTo(479, 188);<br/>context.stroke();<br/><br/>context.lineTo(481, 184);<br/>context.stroke();<br/><br/>context.lineTo(484, 181);<br/>context.stroke();<br/><br/>context.lineTo(485, 178);<br/>context.stroke();<br/><br/>context.lineTo(487, 177);<br/>context.stroke();<br/><br/>context.lineTo(487, 176);<br/>context.stroke();<br/><br/>context.lineTo(483, 176);<br/>context.stroke();<br/><br/>context.lineTo(479, 179);<br/>context.stroke();<br/><br/>context.lineTo(474, 181);<br/>context.stroke();<br/><br/>context.lineTo(468, 185);<br/>context.stroke();<br/><br/>context.lineTo(462, 190);<br/>context.stroke();<br/><br/>context.lineTo(457, 194);<br/>context.stroke();<br/><br/>context.lineTo(455, 196);<br/>context.stroke();<br/><br/>context.lineTo(454, 197);<br/>context.stroke();<br/><br/>context.lineTo(455, 197);<br/>context.stroke();<br/><br/>context.lineTo(459, 197);<br/>context.stroke();<br/><br/>context.lineTo(463, 196);<br/>context.stroke();<br/><br/>context.lineTo(469, 193);<br/>context.stroke();<br/><br/>context.lineTo(476, 190);<br/>context.stroke();<br/><br/>context.lineTo(480, 188);<br/>context.stroke();<br/><br/>context.lineTo(484, 186);<br/>context.stroke();<br/><br/>context.lineTo(486, 185);<br/>context.stroke();<br/><br/>context.lineTo(487, 183);<br/>context.stroke();<br/><br/>context.lineTo(489, 183);<br/>context.stroke();<br/><br/>context.lineTo(489, 182);<br/>context.stroke();<br/><br/>context.lineTo(489, 183);<br/>context.stroke();<br/><br/>context.lineTo(489, 184);<br/>context.stroke();<br/><br/>context.lineTo(489, 185);<br/>context.stroke();<br/><br/>context.lineTo(488, 186);<br/>context.stroke();<br/><br/>context.lineTo(486, 188);<br/>context.stroke();<br/><br/>context.lineTo(481, 192);<br/>context.stroke();<br/><br/>context.lineTo(478, 195);<br/>context.stroke();<br/><br/>context.lineTo(474, 199);<br/>context.stroke();<br/><br/>context.lineTo(470, 201);<br/>context.stroke();<br/><br/>context.lineTo(467, 203);<br/>context.stroke();<br/><br/>context.lineTo(465, 206);<br/>context.stroke();<br/><br/>context.lineTo(462, 206);<br/>context.stroke();<br/><br/>context.lineTo(459, 208);<br/>context.stroke();<br/><br/>context.lineTo(459, 209);<br/>context.stroke();<br/><br/>context.lineTo(462, 209);<br/>context.stroke();<br/><br/>context.lineTo(471, 205);<br/>context.stroke();<br/><br/>context.lineTo(478, 202);<br/>context.stroke();<br/><br/>context.lineTo(482, 199);<br/>context.stroke();<br/><br/>context.lineTo(486, 194);<br/>context.stroke();<br/><br/>context.lineTo(490, 189);<br/>context.stroke();<br/><br/>context.lineTo(491, 186);<br/>context.stroke();<br/><br/>context.lineTo(491, 185);<br/>context.stroke();<br/><br/>context.lineTo(489, 185);<br/>context.stroke();<br/><br/>context.lineTo(484, 185);<br/>context.stroke();<br/><br/>context.lineTo(478, 186);<br/>context.stroke();<br/><br/>context.lineTo(472, 189);<br/>context.stroke();<br/><br/>context.lineTo(465, 190);<br/>context.stroke();<br/><br/>context.lineTo(457, 193);<br/>context.stroke();<br/><br/>context.lineTo(447, 195);<br/>context.stroke();<br/><br/>context.lineTo(440, 197);<br/>context.stroke();<br/><br/>context.lineTo(436, 197);<br/>context.stroke();<br/><br/>context.lineTo(435, 199);<br/>context.stroke();<br/><br/>context.lineTo(434, 199);<br/>context.stroke();<br/><br/>context.lineTo(434, 198);<br/>context.stroke();<br/><br/>context.lineTo(434, 193);<br/>context.stroke();<br/><br/>context.lineTo(437, 186);<br/>context.stroke();<br/><br/>context.lineTo(441, 179);<br/>context.stroke();<br/><br/>context.lineTo(444, 177);<br/>context.stroke();<br/><br/>context.lineTo(444, 176);<br/>context.stroke();<br/><br/>context.lineTo(445, 176);<br/>context.stroke();<br/><br/>context.lineTo(448, 174);<br/>context.stroke();<br/><br/>context.lineTo(448, 173);<br/>context.stroke();<br/><br/>context.lineTo(449, 172);<br/>context.stroke();<br/><br/>context.lineTo(450, 172);<br/>context.stroke();<br/><br/>context.lineTo(451, 172);<br/>context.stroke();<br/><br/>context.lineTo(452, 172);<br/>context.stroke();<br/><br/>context.lineTo(454, 172);<br/>context.stroke();<br/><br/>context.lineTo(458, 171);<br/>context.stroke();<br/><br/>context.lineTo(462, 171);<br/>context.stroke();<br/><br/>context.lineTo(463, 171);<br/>context.stroke();<br/><br/>context.lineTo(462, 172);<br/>context.stroke();<br/><br/>context.lineTo(460, 173);<br/>context.stroke();<br/><br/>context.lineTo(460, 174);<br/>context.stroke();<br/><br/>context.lineTo(460, 175);<br/>context.stroke();<br/><br/>context.lineTo(464, 174);<br/>context.stroke();<br/><br/>context.lineTo(471, 170);<br/>context.stroke();<br/><br/>context.lineTo(477, 167);<br/>context.stroke();<br/><br/>context.lineTo(483, 163);<br/>context.stroke();<br/><br/>context.lineTo(486, 160);<br/>context.stroke();<br/><br/>context.lineTo(487, 159);<br/>context.stroke();<br/><br/>context.lineTo(487, 158);<br/>context.stroke();<br/><br/>context.lineTo(485, 158);<br/>context.stroke();<br/><br/>context.lineTo(481, 162);<br/>context.stroke();<br/><br/>context.lineTo(476, 164);<br/>context.stroke();<br/><br/>context.lineTo(470, 168);<br/>context.stroke();<br/><br/>context.lineTo(464, 171);<br/>context.stroke();<br/><br/>context.lineTo(457, 176);<br/>context.stroke();<br/><br/>context.lineTo(455, 177);<br/>context.stroke();<br/><br/>context.lineTo(455, 177);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>