&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(53, 143);<br/><br/>context.lineTo(53, 148);<br/>context.stroke();<br/><br/>context.lineTo(53, 156);<br/>context.stroke();<br/><br/>context.lineTo(53, 170);<br/>context.stroke();<br/><br/>context.lineTo(53, 180);<br/>context.stroke();<br/><br/>context.lineTo(49, 197);<br/>context.stroke();<br/><br/>context.lineTo(43, 217);<br/>context.stroke();<br/><br/>context.lineTo(42, 223);<br/>context.stroke();<br/><br/>context.lineTo(39, 235);<br/>context.stroke();<br/><br/>context.lineTo(38, 244);<br/>context.stroke();<br/><br/>context.lineTo(35, 256);<br/>context.stroke();<br/><br/>context.lineTo(35, 261);<br/>context.stroke();<br/><br/>context.lineTo(34, 265);<br/>context.stroke();<br/><br/>context.lineTo(33, 274);<br/>context.stroke();<br/><br/>context.lineTo(32, 279);<br/>context.stroke();<br/><br/>context.lineTo(31, 288);<br/>context.stroke();<br/><br/>context.lineTo(30, 293);<br/>context.stroke();<br/><br/>context.lineTo(30, 294);<br/>context.stroke();<br/><br/>context.lineTo(30, 294);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(54, 145);<br/><br/>context.lineTo(56, 145);<br/>context.stroke();<br/><br/>context.lineTo(65, 145);<br/>context.stroke();<br/><br/>context.lineTo(82, 144);<br/>context.stroke();<br/><br/>context.lineTo(104, 139);<br/>context.stroke();<br/><br/>context.lineTo(123, 134);<br/>context.stroke();<br/><br/>context.lineTo(133, 132);<br/>context.stroke();<br/><br/>context.lineTo(134, 132);<br/>context.stroke();<br/><br/>context.lineTo(137, 132);<br/>context.stroke();<br/><br/>context.lineTo(138, 132);<br/>context.stroke();<br/><br/>context.lineTo(138, 132);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(44, 209);<br/><br/>context.lineTo(45, 209);<br/>context.stroke();<br/><br/>context.lineTo(47, 210);<br/>context.stroke();<br/><br/>context.lineTo(50, 210);<br/>context.stroke();<br/><br/>context.lineTo(56, 207);<br/>context.stroke();<br/><br/>context.lineTo(63, 204);<br/>context.stroke();<br/><br/>context.lineTo(85, 198);<br/>context.stroke();<br/><br/>context.lineTo(91, 196);<br/>context.stroke();<br/><br/>context.lineTo(103, 192);<br/>context.stroke();<br/><br/>context.lineTo(121, 187);<br/>context.stroke();<br/><br/>context.lineTo(125, 185);<br/>context.stroke();<br/><br/>context.lineTo(131, 183);<br/>context.stroke();<br/><br/>context.lineTo(132, 183);<br/>context.stroke();<br/><br/>context.lineTo(132, 183);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(186, 207);<br/><br/>context.lineTo(186, 210);<br/>context.stroke();<br/><br/>context.lineTo(186, 219);<br/>context.stroke();<br/><br/>context.lineTo(185, 242);<br/>context.stroke();<br/><br/>context.lineTo(179, 267);<br/>context.stroke();<br/><br/>context.lineTo(179, 271);<br/>context.stroke();<br/><br/>context.lineTo(177, 278);<br/>context.stroke();<br/><br/>context.lineTo(175, 288);<br/>context.stroke();<br/><br/>context.lineTo(174, 292);<br/>context.stroke();<br/><br/>context.lineTo(174, 296);<br/>context.stroke();<br/><br/>context.lineTo(174, 297);<br/>context.stroke();<br/><br/>context.lineTo(174, 297);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(182, 165);<br/><br/>context.lineTo(182, 165);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(180, 167);<br/><br/>context.lineTo(181, 166);<br/>context.stroke();<br/><br/>context.lineTo(182, 165);<br/>context.stroke();<br/><br/>context.lineTo(183, 165);<br/>context.stroke();<br/><br/>context.lineTo(184, 165);<br/>context.stroke();<br/><br/>context.lineTo(185, 165);<br/>context.stroke();<br/><br/>context.lineTo(186, 165);<br/>context.stroke();<br/><br/>context.lineTo(187, 165);<br/>context.stroke();<br/><br/>context.lineTo(188, 165);<br/>context.stroke();<br/><br/>context.lineTo(189, 165);<br/>context.stroke();<br/><br/>context.lineTo(191, 167);<br/>context.stroke();<br/><br/>context.lineTo(192, 173);<br/>context.stroke();<br/><br/>context.lineTo(193, 179);<br/>context.stroke();<br/><br/>context.lineTo(193, 182);<br/>context.stroke();<br/><br/>context.lineTo(192, 183);<br/>context.stroke();<br/><br/>context.lineTo(191, 185);<br/>context.stroke();<br/><br/>context.lineTo(190, 185);<br/>context.stroke();<br/><br/>context.lineTo(188, 186);<br/>context.stroke();<br/><br/>context.lineTo(185, 186);<br/>context.stroke();<br/><br/>context.lineTo(184, 186);<br/>context.stroke();<br/><br/>context.lineTo(180, 183);<br/>context.stroke();<br/><br/>context.lineTo(177, 179);<br/>context.stroke();<br/><br/>context.lineTo(176, 175);<br/>context.stroke();<br/><br/>context.lineTo(176, 172);<br/>context.stroke();<br/><br/>context.lineTo(176, 169);<br/>context.stroke();<br/><br/>context.lineTo(176, 168);<br/>context.stroke();<br/><br/>context.lineTo(177, 167);<br/>context.stroke();<br/><br/>context.lineTo(178, 167);<br/>context.stroke();<br/><br/>context.lineTo(178, 167);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(254, 207);<br/><br/>context.lineTo(254, 213);<br/>context.stroke();<br/><br/>context.lineTo(251, 231);<br/>context.stroke();<br/><br/>context.lineTo(250, 257);<br/>context.stroke();<br/><br/>context.lineTo(250, 264);<br/>context.stroke();<br/><br/>context.lineTo(249, 273);<br/>context.stroke();<br/><br/>context.lineTo(248, 276);<br/>context.stroke();<br/><br/>context.lineTo(248, 277);<br/>context.stroke();<br/><br/>context.lineTo(248, 278);<br/>context.stroke();<br/><br/>context.lineTo(247, 278);<br/>context.stroke();<br/><br/>context.lineTo(247, 279);<br/>context.stroke();<br/><br/>context.lineTo(247, 280);<br/>context.stroke();<br/><br/>context.lineTo(247, 281);<br/>context.stroke();<br/><br/>context.lineTo(246, 282);<br/>context.stroke();<br/><br/>context.lineTo(246, 283);<br/>context.stroke();<br/><br/>context.lineTo(246, 284);<br/>context.stroke();<br/><br/>context.lineTo(246, 280);<br/>context.stroke();<br/><br/>context.lineTo(246, 271);<br/>context.stroke();<br/><br/>context.lineTo(248, 249);<br/>context.stroke();<br/><br/>context.lineTo(250, 239);<br/>context.stroke();<br/><br/>context.lineTo(251, 237);<br/>context.stroke();<br/><br/>context.lineTo(256, 230);<br/>context.stroke();<br/><br/>context.lineTo(260, 220);<br/>context.stroke();<br/><br/>context.lineTo(266, 210);<br/>context.stroke();<br/><br/>context.lineTo(270, 206);<br/>context.stroke();<br/><br/>context.lineTo(275, 202);<br/>context.stroke();<br/><br/>context.lineTo(279, 199);<br/>context.stroke();<br/><br/>context.lineTo(283, 197);<br/>context.stroke();<br/><br/>context.lineTo(288, 196);<br/>context.stroke();<br/><br/>context.lineTo(292, 195);<br/>context.stroke();<br/><br/>context.lineTo(300, 196);<br/>context.stroke();<br/><br/>context.lineTo(311, 203);<br/>context.stroke();<br/><br/>context.lineTo(318, 208);<br/>context.stroke();<br/><br/>context.lineTo(323, 214);<br/>context.stroke();<br/><br/>context.lineTo(330, 228);<br/>context.stroke();<br/><br/>context.lineTo(334, 246);<br/>context.stroke();<br/><br/>context.lineTo(334, 259);<br/>context.stroke();<br/><br/>context.lineTo(334, 263);<br/>context.stroke();<br/><br/>context.lineTo(334, 271);<br/>context.stroke();<br/><br/>context.lineTo(334, 276);<br/>context.stroke();<br/><br/>context.lineTo(334, 277);<br/>context.stroke();<br/><br/>context.lineTo(333, 279);<br/>context.stroke();<br/><br/>context.lineTo(332, 279);<br/>context.stroke();<br/><br/>context.lineTo(332, 279);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(457, 119);<br/><br/>context.lineTo(456, 128);<br/>context.stroke();<br/><br/>context.lineTo(454, 138);<br/>context.stroke();<br/><br/>context.lineTo(449, 163);<br/>context.stroke();<br/><br/>context.lineTo(440, 210);<br/>context.stroke();<br/><br/>context.lineTo(433, 242);<br/>context.stroke();<br/><br/>context.lineTo(427, 269);<br/>context.stroke();<br/><br/>context.lineTo(424, 279);<br/>context.stroke();<br/><br/>context.lineTo(423, 283);<br/>context.stroke();<br/><br/>context.lineTo(423, 287);<br/>context.stroke();<br/><br/>context.lineTo(422, 288);<br/>context.stroke();<br/><br/>context.lineTo(422, 288);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(417, 350);<br/><br/>context.lineTo(417, 349);<br/>context.stroke();<br/><br/>context.lineTo(415, 347);<br/>context.stroke();<br/><br/>context.lineTo(415, 342);<br/>context.stroke();<br/><br/>context.lineTo(419, 331);<br/>context.stroke();<br/><br/>context.lineTo(420, 331);<br/>context.stroke();<br/><br/>context.lineTo(421, 332);<br/>context.stroke();<br/><br/>context.lineTo(424, 338);<br/>context.stroke();<br/><br/>context.lineTo(425, 343);<br/>context.stroke();<br/><br/>context.lineTo(425, 346);<br/>context.stroke();<br/><br/>context.lineTo(425, 346);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>