&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.strokeRect(54, 47, 485, 410);<br/><br/>context.strokeStyle = '#000000';<br/>context.strokeRect(123, 128, 338, 281);<br/><br/>context.strokeStyle = '#000000';<br/>context.strokeRect(194, 201, 209, 163);<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(53, 266);<br/>context.lineTo(193,   266);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(300, 49);<br/>context.lineTo(301,   198);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(537, 276);<br/>context.lineTo(402,   278);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(288, 456);<br/>context.lineTo(289,   363);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(157, 165);<br/><br/>context.lineTo(154, 165);<br/>context.stroke();<br/><br/>context.lineTo(152, 166);<br/>context.stroke();<br/><br/>context.lineTo(150, 167);<br/>context.stroke();<br/><br/>context.lineTo(148, 169);<br/>context.stroke();<br/><br/>context.lineTo(147, 170);<br/>context.stroke();<br/><br/>context.lineTo(147, 171);<br/>context.stroke();<br/><br/>context.lineTo(147, 172);<br/>context.stroke();<br/><br/>context.lineTo(147, 173);<br/>context.stroke();<br/><br/>context.lineTo(147, 174);<br/>context.stroke();<br/><br/>context.lineTo(147, 176);<br/>context.stroke();<br/><br/>context.lineTo(150, 177);<br/>context.stroke();<br/><br/>context.lineTo(152, 178);<br/>context.stroke();<br/><br/>context.lineTo(156, 178);<br/>context.stroke();<br/><br/>context.lineTo(158, 178);<br/>context.stroke();<br/><br/>context.lineTo(159, 177);<br/>context.stroke();<br/><br/>context.lineTo(160, 175);<br/>context.stroke();<br/><br/>context.lineTo(160, 173);<br/>context.stroke();<br/><br/>context.lineTo(160, 172);<br/>context.stroke();<br/><br/>context.lineTo(160, 171);<br/>context.stroke();<br/><br/>context.lineTo(158, 171);<br/>context.stroke();<br/><br/>context.lineTo(157, 171);<br/>context.stroke();<br/><br/>context.lineTo(156, 169);<br/>context.stroke();<br/><br/>context.lineTo(154, 170);<br/>context.stroke();<br/><br/>context.lineTo(155, 170);<br/>context.stroke();<br/><br/>context.lineTo(156, 169);<br/>context.stroke();<br/><br/>context.lineTo(156, 167);<br/>context.stroke();<br/><br/>context.lineTo(156, 164);<br/>context.stroke();<br/><br/>context.lineTo(156, 163);<br/>context.stroke();<br/><br/>context.lineTo(156, 161);<br/>context.stroke();<br/><br/>context.lineTo(153, 161);<br/>context.stroke();<br/><br/>context.lineTo(151, 161);<br/>context.stroke();<br/><br/>context.lineTo(148, 161);<br/>context.stroke();<br/><br/>context.lineTo(147, 162);<br/>context.stroke();<br/><br/>context.lineTo(147, 163);<br/>context.stroke();<br/><br/>context.lineTo(145, 164);<br/>context.stroke();<br/><br/>context.lineTo(145, 166);<br/>context.stroke();<br/><br/>context.lineTo(146, 167);<br/>context.stroke();<br/><br/>context.lineTo(147, 167);<br/>context.stroke();<br/><br/>context.lineTo(149, 167);<br/>context.stroke();<br/><br/>context.lineTo(151, 167);<br/>context.stroke();<br/><br/>context.lineTo(152, 167);<br/>context.stroke();<br/><br/>context.lineTo(152, 165);<br/>context.stroke();<br/><br/>context.lineTo(152, 163);<br/>context.stroke();<br/><br/>context.lineTo(151, 163);<br/>context.stroke();<br/><br/>context.lineTo(150, 165);<br/>context.stroke();<br/><br/>context.lineTo(150, 167);<br/>context.stroke();<br/><br/>context.lineTo(150, 169);<br/>context.stroke();<br/><br/>context.lineTo(150, 171);<br/>context.stroke();<br/><br/>context.lineTo(151, 171);<br/>context.stroke();<br/><br/>context.lineTo(152, 171);<br/>context.stroke();<br/><br/>context.lineTo(153, 171);<br/>context.stroke();<br/><br/>context.lineTo(155, 171);<br/>context.stroke();<br/><br/>context.lineTo(156, 169);<br/>context.stroke();<br/><br/>context.lineTo(156, 168);<br/>context.stroke();<br/><br/>context.lineTo(156, 165);<br/>context.stroke();<br/><br/>context.lineTo(156, 164);<br/>context.stroke();<br/><br/>context.lineTo(155, 164);<br/>context.stroke();<br/><br/>context.lineTo(153, 164);<br/>context.stroke();<br/><br/>context.lineTo(153, 166);<br/>context.stroke();<br/><br/>context.lineTo(153, 167);<br/>context.stroke();<br/><br/>context.lineTo(153, 168);<br/>context.stroke();<br/><br/>context.lineTo(154, 169);<br/>context.stroke();<br/><br/>context.lineTo(154, 170);<br/>context.stroke();<br/><br/>context.lineTo(155, 170);<br/>context.stroke();<br/><br/>context.lineTo(157, 169);<br/>context.stroke();<br/><br/>context.lineTo(158, 167);<br/>context.stroke();<br/><br/>context.lineTo(158, 165);<br/>context.stroke();<br/><br/>context.lineTo(158, 163);<br/>context.stroke();<br/><br/>context.lineTo(158, 161);<br/>context.stroke();<br/><br/>context.lineTo(157, 161);<br/>context.stroke();<br/><br/>context.lineTo(155, 161);<br/>context.stroke();<br/><br/>context.lineTo(154, 161);<br/>context.stroke();<br/><br/>context.lineTo(152, 163);<br/>context.stroke();<br/><br/>context.lineTo(152, 166);<br/>context.stroke();<br/><br/>context.lineTo(152, 167);<br/>context.stroke();<br/><br/>context.lineTo(154, 167);<br/>context.stroke();<br/><br/>context.lineTo(155, 167);<br/>context.stroke();<br/><br/>context.lineTo(156, 167);<br/>context.stroke();<br/><br/>context.lineTo(156, 165);<br/>context.stroke();<br/><br/>context.lineTo(156, 166);<br/>context.stroke();<br/><br/>context.lineTo(156, 167);<br/>context.stroke();<br/><br/>context.lineTo(156, 168);<br/>context.stroke();<br/><br/>context.lineTo(157, 170);<br/>context.stroke();<br/><br/>context.lineTo(157, 169);<br/>context.stroke();<br/><br/>context.lineTo(157, 168);<br/>context.stroke();<br/><br/>context.lineTo(157, 167);<br/>context.stroke();<br/><br/>context.lineTo(156, 168);<br/>context.stroke();<br/><br/>context.lineTo(156, 169);<br/>context.stroke();<br/><br/>context.lineTo(157, 169);<br/>context.stroke();<br/><br/>context.lineTo(157, 168);<br/>context.stroke();<br/><br/>context.lineTo(157, 169);<br/>context.stroke();<br/><br/>context.lineTo(157, 170);<br/>context.stroke();<br/><br/>context.lineTo(156, 171);<br/>context.stroke();<br/><br/>context.lineTo(155, 171);<br/>context.stroke();<br/><br/>context.lineTo(154, 171);<br/>context.stroke();<br/><br/>context.lineTo(154, 171);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(152, 178);<br/><br/>context.lineTo(151, 177);<br/>context.stroke();<br/><br/>context.lineTo(150, 177);<br/>context.stroke();<br/><br/>context.lineTo(150, 179);<br/>context.stroke();<br/><br/>context.lineTo(151, 182);<br/>context.stroke();<br/><br/>context.lineTo(152, 183);<br/>context.stroke();<br/><br/>context.lineTo(153, 184);<br/>context.stroke();<br/><br/>context.lineTo(154, 183);<br/>context.stroke();<br/><br/>context.lineTo(154, 178);<br/>context.stroke();<br/><br/>context.lineTo(156, 172);<br/>context.stroke();<br/><br/>context.lineTo(156, 167);<br/>context.stroke();<br/><br/>context.lineTo(154, 164);<br/>context.stroke();<br/><br/>context.lineTo(154, 163);<br/>context.stroke();<br/><br/>context.lineTo(153, 164);<br/>context.stroke();<br/><br/>context.lineTo(153, 169);<br/>context.stroke();<br/><br/>context.lineTo(153, 172);<br/>context.stroke();<br/><br/>context.lineTo(153, 176);<br/>context.stroke();<br/><br/>context.lineTo(156, 178);<br/>context.stroke();<br/><br/>context.lineTo(157, 179);<br/>context.stroke();<br/><br/>context.lineTo(160, 179);<br/>context.stroke();<br/><br/>context.lineTo(162, 175);<br/>context.stroke();<br/><br/>context.lineTo(162, 172);<br/>context.stroke();<br/><br/>context.lineTo(161, 168);<br/>context.stroke();<br/><br/>context.lineTo(160, 164);<br/>context.stroke();<br/><br/>context.lineTo(158, 162);<br/>context.stroke();<br/><br/>context.lineTo(157, 162);<br/>context.stroke();<br/><br/>context.lineTo(154, 162);<br/>context.stroke();<br/><br/>context.lineTo(153, 164);<br/>context.stroke();<br/><br/>context.lineTo(153, 168);<br/>context.stroke();<br/><br/>context.lineTo(153, 173);<br/>context.stroke();<br/><br/>context.lineTo(153, 176);<br/>context.stroke();<br/><br/>context.lineTo(155, 176);<br/>context.stroke();<br/><br/>context.lineTo(156, 177);<br/>context.stroke();<br/><br/>context.lineTo(158, 177);<br/>context.stroke();<br/><br/>context.lineTo(159, 175);<br/>context.stroke();<br/><br/>context.lineTo(159, 171);<br/>context.stroke();<br/><br/>context.lineTo(159, 168);<br/>context.stroke();<br/><br/>context.lineTo(159, 166);<br/>context.stroke();<br/><br/>context.lineTo(157, 164);<br/>context.stroke();<br/><br/>context.lineTo(156, 164);<br/>context.stroke();<br/><br/>context.lineTo(153, 165);<br/>context.stroke();<br/><br/>context.lineTo(151, 169);<br/>context.stroke();<br/><br/>context.lineTo(151, 173);<br/>context.stroke();<br/><br/>context.lineTo(151, 176);<br/>context.stroke();<br/><br/>context.lineTo(151, 178);<br/>context.stroke();<br/><br/>context.lineTo(152, 178);<br/>context.stroke();<br/><br/>context.lineTo(153, 177);<br/>context.stroke();<br/><br/>context.lineTo(153, 173);<br/>context.stroke();<br/><br/>context.lineTo(153, 168);<br/>context.stroke();<br/><br/>context.lineTo(152, 164);<br/>context.stroke();<br/><br/>context.lineTo(149, 160);<br/>context.stroke();<br/><br/>context.lineTo(147, 160);<br/>context.stroke();<br/><br/>context.lineTo(145, 161);<br/>context.stroke();<br/><br/>context.lineTo(145, 165);<br/>context.stroke();<br/><br/>context.lineTo(145, 169);<br/>context.stroke();<br/><br/>context.lineTo(147, 174);<br/>context.stroke();<br/><br/>context.lineTo(148, 176);<br/>context.stroke();<br/><br/>context.lineTo(149, 176);<br/>context.stroke();<br/><br/>context.lineTo(150, 176);<br/>context.stroke();<br/><br/>context.lineTo(153, 174);<br/>context.stroke();<br/><br/>context.lineTo(154, 171);<br/>context.stroke();<br/><br/>context.lineTo(154, 168);<br/>context.stroke();<br/><br/>context.lineTo(154, 164);<br/>context.stroke();<br/><br/>context.lineTo(153, 162);<br/>context.stroke();<br/><br/>context.lineTo(151, 161);<br/>context.stroke();<br/><br/>context.lineTo(149, 162);<br/>context.stroke();<br/><br/>context.lineTo(148, 166);<br/>context.stroke();<br/><br/>context.lineTo(147, 168);<br/>context.stroke();<br/><br/>context.lineTo(147, 169);<br/>context.stroke();<br/><br/>context.lineTo(147, 170);<br/>context.stroke();<br/><br/>context.lineTo(148, 170);<br/>context.stroke();<br/><br/>context.lineTo(151, 168);<br/>context.stroke();<br/><br/>context.lineTo(151, 165);<br/>context.stroke();<br/><br/>context.lineTo(151, 162);<br/>context.stroke();<br/><br/>context.lineTo(151, 159);<br/>context.stroke();<br/><br/>context.lineTo(149, 159);<br/>context.stroke();<br/><br/>context.lineTo(148, 163);<br/>context.stroke();<br/><br/>context.lineTo(147, 168);<br/>context.stroke();<br/><br/>context.lineTo(147, 171);<br/>context.stroke();<br/><br/>context.lineTo(147, 174);<br/>context.stroke();<br/><br/>context.lineTo(148, 174);<br/>context.stroke();<br/><br/>context.lineTo(149, 171);<br/>context.stroke();<br/><br/>context.lineTo(151, 167);<br/>context.stroke();<br/><br/>context.lineTo(152, 163);<br/>context.stroke();<br/><br/>context.lineTo(152, 162);<br/>context.stroke();<br/><br/>context.lineTo(152, 160);<br/>context.stroke();<br/><br/>context.lineTo(150, 162);<br/>context.stroke();<br/><br/>context.lineTo(149, 167);<br/>context.stroke();<br/><br/>context.lineTo(148, 172);<br/>context.stroke();<br/><br/>context.lineTo(148, 176);<br/>context.stroke();<br/><br/>context.lineTo(148, 177);<br/>context.stroke();<br/><br/>context.lineTo(148, 179);<br/>context.stroke();<br/><br/>context.lineTo(149, 179);<br/>context.stroke();<br/><br/>context.lineTo(152, 176);<br/>context.stroke();<br/><br/>context.lineTo(153, 172);<br/>context.stroke();<br/><br/>context.lineTo(155, 166);<br/>context.stroke();<br/><br/>context.lineTo(155, 163);<br/>context.stroke();<br/><br/>context.lineTo(155, 160);<br/>context.stroke();<br/><br/>context.lineTo(155, 164);<br/>context.stroke();<br/><br/>context.lineTo(155, 169);<br/>context.stroke();<br/><br/>context.lineTo(155, 171);<br/>context.stroke();<br/><br/>context.lineTo(155, 172);<br/>context.stroke();<br/><br/>context.lineTo(155, 174);<br/>context.stroke();<br/><br/>context.lineTo(156, 173);<br/>context.stroke();<br/><br/>context.lineTo(158, 170);<br/>context.stroke();<br/><br/>context.lineTo(158, 166);<br/>context.stroke();<br/><br/>context.lineTo(158, 163);<br/>context.stroke();<br/><br/>context.lineTo(158, 161);<br/>context.stroke();<br/><br/>context.lineTo(157, 161);<br/>context.stroke();<br/><br/>context.lineTo(156, 161);<br/>context.stroke();<br/><br/>context.lineTo(156, 162);<br/>context.stroke();<br/><br/>context.lineTo(158, 161);<br/>context.stroke();<br/><br/>context.lineTo(159, 159);<br/>context.stroke();<br/><br/>context.lineTo(159, 156);<br/>context.stroke();<br/><br/>context.lineTo(159, 157);<br/>context.stroke();<br/><br/>context.lineTo(159, 161);<br/>context.stroke();<br/><br/>context.lineTo(159, 164);<br/>context.stroke();<br/><br/>context.lineTo(159, 166);<br/>context.stroke();<br/><br/>context.lineTo(162, 166);<br/>context.stroke();<br/><br/>context.lineTo(163, 165);<br/>context.stroke();<br/><br/>context.lineTo(163, 163);<br/>context.stroke();<br/><br/>context.lineTo(163, 162);<br/>context.stroke();<br/><br/>context.lineTo(163, 162);<br/>context.stroke();<br/><br/>context.lineTo(160, 164);<br/>context.stroke();<br/><br/>context.lineTo(157, 170);<br/>context.stroke();<br/><br/>context.lineTo(153, 175);<br/>context.stroke();<br/><br/>context.lineTo(150, 179);<br/>context.stroke();<br/><br/>context.lineTo(150, 181);<br/>context.stroke();<br/><br/>context.lineTo(150, 182);<br/>context.stroke();<br/><br/>context.lineTo(150, 181);<br/>context.stroke();<br/><br/>context.lineTo(150, 178);<br/>context.stroke();<br/><br/>context.lineTo(150, 175);<br/>context.stroke();<br/><br/>context.lineTo(150, 172);<br/>context.stroke();<br/><br/>context.lineTo(150, 171);<br/>context.stroke();<br/><br/>context.lineTo(149, 171);<br/>context.stroke();<br/><br/>context.lineTo(147, 172);<br/>context.stroke();<br/><br/>context.lineTo(146, 173);<br/>context.stroke();<br/><br/>context.lineTo(145, 175);<br/>context.stroke();<br/><br/>context.lineTo(145, 176);<br/>context.stroke();<br/><br/>context.lineTo(145, 175);<br/>context.stroke();<br/><br/>context.lineTo(146, 173);<br/>context.stroke();<br/><br/>context.lineTo(147, 170);<br/>context.stroke();<br/><br/>context.lineTo(147, 168);<br/>context.stroke();<br/><br/>context.lineTo(147, 167);<br/>context.stroke();<br/><br/>context.lineTo(144, 169);<br/>context.stroke();<br/><br/>context.lineTo(143, 171);<br/>context.stroke();<br/><br/>context.lineTo(142, 174);<br/>context.stroke();<br/><br/>context.lineTo(142, 175);<br/>context.stroke();<br/><br/>context.lineTo(142, 176);<br/>context.stroke();<br/><br/>context.lineTo(142, 177);<br/>context.stroke();<br/><br/>context.lineTo(144, 177);<br/>context.stroke();<br/><br/>context.lineTo(144, 176);<br/>context.stroke();<br/><br/>context.lineTo(144, 174);<br/>context.stroke();<br/><br/>context.lineTo(144, 175);<br/>context.stroke();<br/><br/>context.lineTo(144, 177);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>