&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(99, 174);<br/>context.lineTo(288,   171);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(286, 169);<br/>context.lineTo(358,   245);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(357, 244);<br/>context.lineTo(450,   244);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(450, 244);<br/>context.lineTo(450,   277);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(450, 277);<br/>context.lineTo(464,   277);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(464, 277);<br/>context.lineTo(464,   291);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(464, 291);<br/>context.lineTo(448,   290);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(448, 290);<br/>context.lineTo(448,   305);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(448, 305);<br/>context.lineTo(427,   322);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(427, 322);<br/>context.lineTo(389,   322);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(101, 173);<br/>context.lineTo(36,   249);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(35, 250);<br/>context.lineTo(34,   299);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(34, 299);<br/>context.lineTo(16,   300);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(16, 300);<br/>context.lineTo(17,   310);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(17, 310);<br/>context.lineTo(34,   311);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(34, 311);<br/>context.lineTo(51,   330);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(51, 330);<br/>context.lineTo(113,   331);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(165, 330);<br/>context.lineTo(335,   326);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(311, 247);<br/>context.lineTo(272,   194);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(272, 194);<br/>context.lineTo(117,   195);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(117, 195);<br/>context.lineTo(63,   250);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(63, 250);<br/>context.lineTo(312,   245);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(168, 193);<br/>context.lineTo(171,   248);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(198, 244);<br/>context.lineTo(185,   233);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(185, 233);<br/>context.lineTo(203,   227);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(203, 227);<br/>context.lineTo(220,   245);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(171, 248);<br/>context.lineTo(198,   329);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(308, 247);<br/>context.lineTo(334,   324);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(351, 299);<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(358.5, 317.5);<br/>context.scale(0.8518518518518519, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 35, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(134, 322);<br/>context.scale(1, 0.9230769230769231);<br/>context.beginPath();<br/>context.arc(0, 0, 35, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(186, 260);<br/>context.lineTo(217,   260);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(217, 260);<br/>context.lineTo(214,   267);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(214, 267);<br/>context.lineTo(190,   266);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(190, 266);<br/>context.lineTo(186,   262);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(448, 276);<br/>context.lineTo(442,   269);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(442, 269);<br/>context.lineTo(441,   245);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(33, 273);<br/>context.lineTo(82,   329);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(182, 286);<br/>context.lineTo(45,   285);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(318, 278);<br/>context.lineTo(461,   277);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(134, 321);<br/>context.scale(1, 0.875);<br/>context.beginPath();<br/>context.arc(0, 0, 21, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(359, 317);<br/>context.scale(0.7, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 24, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(107, 331);<br/><br/>context.lineTo(108, 334);<br/>context.stroke();<br/><br/>context.lineTo(111, 337);<br/>context.stroke();<br/><br/>context.lineTo(112, 339);<br/>context.stroke();<br/><br/>context.lineTo(113, 340);<br/>context.stroke();<br/><br/>context.lineTo(113, 339);<br/>context.stroke();<br/><br/>context.lineTo(110, 335);<br/>context.stroke();<br/><br/>context.lineTo(108, 333);<br/>context.stroke();<br/><br/>context.lineTo(108, 332);<br/>context.stroke();<br/><br/>context.lineTo(107, 330);<br/>context.stroke();<br/><br/>context.lineTo(107, 329);<br/>context.stroke();<br/><br/>context.lineTo(107, 328);<br/>context.stroke();<br/><br/>context.lineTo(107, 327);<br/>context.stroke();<br/><br/>context.lineTo(108, 328);<br/>context.stroke();<br/><br/>context.lineTo(109, 329);<br/>context.stroke();<br/><br/>context.lineTo(110, 331);<br/>context.stroke();<br/><br/>context.lineTo(111, 332);<br/>context.stroke();<br/><br/>context.lineTo(111, 332);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(112, 331);<br/><br/>context.lineTo(112, 331);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(112, 335);<br/><br/>context.lineTo(111, 334);<br/>context.stroke();<br/><br/>context.lineTo(110, 333);<br/>context.stroke();<br/><br/>context.lineTo(109, 331);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(106, 333);<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(113, 334);<br/><br/>context.lineTo(112, 335);<br/>context.stroke();<br/><br/>context.lineTo(111, 334);<br/>context.stroke();<br/><br/>context.lineTo(111, 333);<br/>context.stroke();<br/><br/>context.lineTo(111, 332);<br/>context.stroke();<br/><br/>context.lineTo(111, 331);<br/>context.stroke();<br/><br/>context.lineTo(112, 330);<br/>context.stroke();<br/><br/>context.lineTo(112, 330);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(106, 331);<br/><br/>context.lineTo(105, 331);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(335, 329);<br/><br/>context.lineTo(334, 328);<br/>context.stroke();<br/><br/>context.lineTo(332, 327);<br/>context.stroke();<br/><br/>context.lineTo(331, 325);<br/>context.stroke();<br/><br/>context.lineTo(331, 324);<br/>context.stroke();<br/><br/>context.lineTo(331, 321);<br/>context.stroke();<br/><br/>context.lineTo(331, 320);<br/>context.stroke();<br/><br/>context.lineTo(332, 318);<br/>context.stroke();<br/><br/>context.lineTo(332, 317);<br/>context.stroke();<br/><br/>context.lineTo(332, 316);<br/>context.stroke();<br/><br/>context.lineTo(333, 315);<br/>context.stroke();<br/><br/>context.lineTo(333, 314);<br/>context.stroke();<br/><br/>context.lineTo(333, 313);<br/>context.stroke();<br/><br/>context.lineTo(334, 312);<br/>context.stroke();<br/><br/>context.lineTo(335, 311);<br/>context.stroke();<br/><br/>context.lineTo(336, 312);<br/>context.stroke();<br/><br/>context.lineTo(336, 313);<br/>context.stroke();<br/><br/>context.lineTo(335, 316);<br/>context.stroke();<br/><br/>context.lineTo(335, 317);<br/>context.stroke();<br/><br/>context.lineTo(335, 318);<br/>context.stroke();<br/><br/>context.lineTo(335, 318);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(332, 325);<br/><br/>context.lineTo(333, 325);<br/>context.stroke();<br/><br/>context.lineTo(334, 324);<br/>context.stroke();<br/><br/>context.lineTo(334, 323);<br/>context.stroke();<br/><br/>context.lineTo(334, 321);<br/>context.stroke();<br/><br/>context.lineTo(335, 319);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(329, 331);<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(328, 311);<br/><br/>context.lineTo(329, 312);<br/>context.stroke();<br/><br/>context.lineTo(329, 313);<br/>context.stroke();<br/><br/>context.lineTo(329, 314);<br/>context.stroke();<br/><br/>context.lineTo(329, 315);<br/>context.stroke();<br/><br/>context.lineTo(329, 316);<br/>context.stroke();<br/><br/>context.lineTo(329, 317);<br/>context.stroke();<br/><br/>context.lineTo(329, 318);<br/>context.stroke();<br/><br/>context.lineTo(329, 319);<br/>context.stroke();<br/><br/>context.lineTo(329, 320);<br/>context.stroke();<br/><br/>context.lineTo(329, 321);<br/>context.stroke();<br/><br/>context.lineTo(330, 322);<br/>context.stroke();<br/><br/>context.lineTo(330, 323);<br/>context.stroke();<br/><br/>context.lineTo(330, 324);<br/>context.stroke();<br/><br/>context.lineTo(330, 325);<br/>context.stroke();<br/><br/>context.lineTo(330, 326);<br/>context.stroke();<br/><br/>context.lineTo(330, 327);<br/>context.stroke();<br/><br/>context.lineTo(330, 328);<br/>context.stroke();<br/><br/>context.lineTo(330, 329);<br/>context.stroke();<br/><br/>context.lineTo(331, 330);<br/>context.stroke();<br/><br/>context.lineTo(332, 331);<br/>context.stroke();<br/><br/>context.lineTo(333, 333);<br/>context.stroke();<br/><br/>context.lineTo(333, 333);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>