&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.save();<br/>context.translate(141.5, 97);<br/>context.scale(1, 0.9333333333333333);<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.strokeRect(120, 94, 42, 160);<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(123, 103);<br/><br/>context.lineTo(123, 103);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(127, 103);<br/><br/>context.lineTo(127, 104);<br/>context.stroke();<br/><br/>context.lineTo(129, 105);<br/>context.stroke();<br/><br/>context.lineTo(130, 107);<br/>context.stroke();<br/><br/>context.lineTo(130, 108);<br/>context.stroke();<br/><br/>context.lineTo(131, 110);<br/>context.stroke();<br/><br/>context.lineTo(131, 111);<br/>context.stroke();<br/><br/>context.lineTo(131, 112);<br/>context.stroke();<br/><br/>context.lineTo(132, 114);<br/>context.stroke();<br/><br/>context.lineTo(133, 115);<br/>context.stroke();<br/><br/>context.lineTo(133, 117);<br/>context.stroke();<br/><br/>context.lineTo(134, 118);<br/>context.stroke();<br/><br/>context.lineTo(135, 119);<br/>context.stroke();<br/><br/>context.lineTo(135, 121);<br/>context.stroke();<br/><br/>context.lineTo(135, 122);<br/>context.stroke();<br/><br/>context.lineTo(135, 121);<br/>context.stroke();<br/><br/>context.lineTo(135, 120);<br/>context.stroke();<br/><br/>context.lineTo(135, 119);<br/>context.stroke();<br/><br/>context.lineTo(135, 118);<br/>context.stroke();<br/><br/>context.lineTo(135, 117);<br/>context.stroke();<br/><br/>context.lineTo(135, 116);<br/>context.stroke();<br/><br/>context.lineTo(135, 115);<br/>context.stroke();<br/><br/>context.lineTo(135, 114);<br/>context.stroke();<br/><br/>context.lineTo(135, 112);<br/>context.stroke();<br/><br/>context.lineTo(135, 111);<br/>context.stroke();<br/><br/>context.lineTo(135, 110);<br/>context.stroke();<br/><br/>context.lineTo(135, 109);<br/>context.stroke();<br/><br/>context.lineTo(135, 108);<br/>context.stroke();<br/><br/>context.lineTo(135, 109);<br/>context.stroke();<br/><br/>context.lineTo(134, 109);<br/>context.stroke();<br/><br/>context.lineTo(134, 110);<br/>context.stroke();<br/><br/>context.lineTo(133, 110);<br/>context.stroke();<br/><br/>context.lineTo(132, 111);<br/>context.stroke();<br/><br/>context.lineTo(131, 111);<br/>context.stroke();<br/><br/>context.lineTo(131, 112);<br/>context.stroke();<br/><br/>context.lineTo(130, 113);<br/>context.stroke();<br/><br/>context.lineTo(129, 114);<br/>context.stroke();<br/><br/>context.lineTo(128, 114);<br/>context.stroke();<br/><br/>context.lineTo(127, 114);<br/>context.stroke();<br/><br/>context.lineTo(127, 115);<br/>context.stroke();<br/><br/>context.lineTo(126, 115);<br/>context.stroke();<br/><br/>context.lineTo(125, 115);<br/>context.stroke();<br/><br/>context.lineTo(125, 114);<br/>context.stroke();<br/><br/>context.lineTo(125, 112);<br/>context.stroke();<br/><br/>context.lineTo(125, 111);<br/>context.stroke();<br/><br/>context.lineTo(125, 110);<br/>context.stroke();<br/><br/>context.lineTo(125, 109);<br/>context.stroke();<br/><br/>context.lineTo(125, 108);<br/>context.stroke();<br/><br/>context.lineTo(125, 107);<br/>context.stroke();<br/><br/>context.lineTo(125, 106);<br/>context.stroke();<br/><br/>context.lineTo(125, 105);<br/>context.stroke();<br/><br/>context.lineTo(125, 104);<br/>context.stroke();<br/><br/>context.lineTo(125, 103);<br/>context.stroke();<br/><br/>context.lineTo(125, 104);<br/>context.stroke();<br/><br/>context.lineTo(125, 105);<br/>context.stroke();<br/><br/>context.lineTo(125, 106);<br/>context.stroke();<br/><br/>context.lineTo(126, 106);<br/>context.stroke();<br/><br/>context.lineTo(126, 107);<br/>context.stroke();<br/><br/>context.lineTo(127, 108);<br/>context.stroke();<br/><br/>context.lineTo(127, 109);<br/>context.stroke();<br/><br/>context.lineTo(128, 109);<br/>context.stroke();<br/><br/>context.lineTo(129, 110);<br/>context.stroke();<br/><br/>context.lineTo(130, 111);<br/>context.stroke();<br/><br/>context.lineTo(131, 111);<br/>context.stroke();<br/><br/>context.lineTo(132, 111);<br/>context.stroke();<br/><br/>context.lineTo(133, 111);<br/>context.stroke();<br/><br/>context.lineTo(134, 111);<br/>context.stroke();<br/><br/>context.lineTo(135, 111);<br/>context.stroke();<br/><br/>context.lineTo(136, 111);<br/>context.stroke();<br/><br/>context.lineTo(137, 111);<br/>context.stroke();<br/><br/>context.lineTo(138, 111);<br/>context.stroke();<br/><br/>context.lineTo(139, 111);<br/>context.stroke();<br/><br/>context.lineTo(140, 111);<br/>context.stroke();<br/><br/>context.lineTo(141, 111);<br/>context.stroke();<br/><br/>context.lineTo(142, 111);<br/>context.stroke();<br/><br/>context.lineTo(143, 111);<br/>context.stroke();<br/><br/>context.lineTo(144, 112);<br/>context.stroke();<br/><br/>context.lineTo(144, 113);<br/>context.stroke();<br/><br/>context.lineTo(145, 113);<br/>context.stroke();<br/><br/>context.lineTo(146, 113);<br/>context.stroke();<br/><br/>context.lineTo(147, 113);<br/>context.stroke();<br/><br/>context.lineTo(148, 113);<br/>context.stroke();<br/><br/>context.lineTo(149, 113);<br/>context.stroke();<br/><br/>context.lineTo(149, 114);<br/>context.stroke();<br/><br/>context.lineTo(149, 115);<br/>context.stroke();<br/><br/>context.lineTo(149, 116);<br/>context.stroke();<br/><br/>context.lineTo(150, 117);<br/>context.stroke();<br/><br/>context.lineTo(150, 118);<br/>context.stroke();<br/><br/>context.lineTo(150, 117);<br/>context.stroke();<br/><br/>context.lineTo(150, 115);<br/>context.stroke();<br/><br/>context.lineTo(150, 113);<br/>context.stroke();<br/><br/>context.lineTo(150, 112);<br/>context.stroke();<br/><br/>context.lineTo(150, 111);<br/>context.stroke();<br/><br/>context.lineTo(150, 110);<br/>context.stroke();<br/><br/>context.lineTo(150, 109);<br/>context.stroke();<br/><br/>context.lineTo(150, 108);<br/>context.stroke();<br/><br/>context.lineTo(150, 107);<br/>context.stroke();<br/><br/>context.lineTo(150, 108);<br/>context.stroke();<br/><br/>context.lineTo(151, 109);<br/>context.stroke();<br/><br/>context.lineTo(152, 110);<br/>context.stroke();<br/><br/>context.lineTo(152, 111);<br/>context.stroke();<br/><br/>context.lineTo(152, 112);<br/>context.stroke();<br/><br/>context.lineTo(153, 113);<br/>context.stroke();<br/><br/>context.lineTo(153, 114);<br/>context.stroke();<br/><br/>context.lineTo(153, 115);<br/>context.stroke();<br/><br/>context.lineTo(153, 114);<br/>context.stroke();<br/><br/>context.lineTo(153, 111);<br/>context.stroke();<br/><br/>context.lineTo(153, 110);<br/>context.stroke();<br/><br/>context.lineTo(153, 109);<br/>context.stroke();<br/><br/>context.lineTo(153, 107);<br/>context.stroke();<br/><br/>context.lineTo(153, 106);<br/>context.stroke();<br/><br/>context.lineTo(153, 107);<br/>context.stroke();<br/><br/>context.lineTo(154, 109);<br/>context.stroke();<br/><br/>context.lineTo(154, 110);<br/>context.stroke();<br/><br/>context.lineTo(154, 111);<br/>context.stroke();<br/><br/>context.lineTo(155, 111);<br/>context.stroke();<br/><br/>context.lineTo(155, 110);<br/>context.stroke();<br/><br/>context.lineTo(155, 109);<br/>context.stroke();<br/><br/>context.lineTo(155, 108);<br/>context.stroke();<br/><br/>context.lineTo(155, 107);<br/>context.stroke();<br/><br/>context.lineTo(155, 106);<br/>context.stroke();<br/><br/>context.lineTo(155, 105);<br/>context.stroke();<br/><br/>context.lineTo(155, 104);<br/>context.stroke();<br/><br/>context.lineTo(155, 103);<br/>context.stroke();<br/><br/>context.lineTo(155, 104);<br/>context.stroke();<br/><br/>context.lineTo(155, 106);<br/>context.stroke();<br/><br/>context.lineTo(155, 107);<br/>context.stroke();<br/><br/>context.lineTo(155, 109);<br/>context.stroke();<br/><br/>context.lineTo(155, 110);<br/>context.stroke();<br/><br/>context.lineTo(155, 109);<br/>context.stroke();<br/><br/>context.lineTo(155, 107);<br/>context.stroke();<br/><br/>context.lineTo(155, 106);<br/>context.stroke();<br/><br/>context.lineTo(155, 104);<br/>context.stroke();<br/><br/>context.lineTo(155, 105);<br/>context.stroke();<br/><br/>context.lineTo(156, 107);<br/>context.stroke();<br/><br/>context.lineTo(157, 108);<br/>context.stroke();<br/><br/>context.lineTo(157, 109);<br/>context.stroke();<br/><br/>context.lineTo(157, 110);<br/>context.stroke();<br/><br/>context.lineTo(157, 109);<br/>context.stroke();<br/><br/>context.lineTo(157, 106);<br/>context.stroke();<br/><br/>context.lineTo(157, 104);<br/>context.stroke();<br/><br/>context.lineTo(157, 103);<br/>context.stroke();<br/><br/>context.lineTo(157, 104);<br/>context.stroke();<br/><br/>context.lineTo(157, 108);<br/>context.stroke();<br/><br/>context.lineTo(157, 109);<br/>context.stroke();<br/><br/>context.lineTo(157, 111);<br/>context.stroke();<br/><br/>context.lineTo(157, 113);<br/>context.stroke();<br/><br/>context.lineTo(157, 114);<br/>context.stroke();<br/><br/>context.lineTo(156, 115);<br/>context.stroke();<br/><br/>context.lineTo(154, 115);<br/>context.stroke();<br/><br/>context.lineTo(153, 115);<br/>context.stroke();<br/><br/>context.lineTo(152, 115);<br/>context.stroke();<br/><br/>context.lineTo(152, 113);<br/>context.stroke();<br/><br/>context.lineTo(151, 112);<br/>context.stroke();<br/><br/>context.lineTo(150, 112);<br/>context.stroke();<br/><br/>context.lineTo(149, 112);<br/>context.stroke();<br/><br/>context.lineTo(148, 112);<br/>context.stroke();<br/><br/>context.lineTo(146, 112);<br/>context.stroke();<br/><br/>context.lineTo(145, 112);<br/>context.stroke();<br/><br/>context.lineTo(143, 112);<br/>context.stroke();<br/><br/>context.lineTo(142, 112);<br/>context.stroke();<br/><br/>context.lineTo(141, 112);<br/>context.stroke();<br/><br/>context.lineTo(140, 112);<br/>context.stroke();<br/><br/>context.lineTo(139, 112);<br/>context.stroke();<br/><br/>context.lineTo(140, 112);<br/>context.stroke();<br/><br/>context.lineTo(143, 113);<br/>context.stroke();<br/><br/>context.lineTo(145, 114);<br/>context.stroke();<br/><br/>context.lineTo(147, 114);<br/>context.stroke();<br/><br/>context.lineTo(148, 115);<br/>context.stroke();<br/><br/>context.lineTo(148, 117);<br/>context.stroke();<br/><br/>context.lineTo(147, 117);<br/>context.stroke();<br/><br/>context.lineTo(146, 117);<br/>context.stroke();<br/><br/>context.lineTo(144, 117);<br/>context.stroke();<br/><br/>context.lineTo(142, 117);<br/>context.stroke();<br/><br/>context.lineTo(140, 115);<br/>context.stroke();<br/><br/>context.lineTo(138, 114);<br/>context.stroke();<br/><br/>context.lineTo(138, 112);<br/>context.stroke();<br/><br/>context.lineTo(136, 110);<br/>context.stroke();<br/><br/>context.lineTo(137, 110);<br/>context.stroke();<br/><br/>context.lineTo(138, 111);<br/>context.stroke();<br/><br/>context.lineTo(139, 114);<br/>context.stroke();<br/><br/>context.lineTo(140, 117);<br/>context.stroke();<br/><br/>context.lineTo(140, 119);<br/>context.stroke();<br/><br/>context.lineTo(139, 119);<br/>context.stroke();<br/><br/>context.lineTo(136, 114);<br/>context.stroke();<br/><br/>context.lineTo(134, 111);<br/>context.stroke();<br/><br/>context.lineTo(132, 107);<br/>context.stroke();<br/><br/>context.lineTo(131, 105);<br/>context.stroke();<br/><br/>context.lineTo(130, 103);<br/>context.stroke();<br/><br/>context.lineTo(128, 102);<br/>context.stroke();<br/><br/>context.lineTo(128, 99);<br/>context.stroke();<br/><br/>context.lineTo(129, 99);<br/>context.stroke();<br/><br/>context.lineTo(131, 102);<br/>context.stroke();<br/><br/>context.lineTo(131, 104);<br/>context.stroke();<br/><br/>context.lineTo(131, 104);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(126, 93);<br/><br/>context.lineTo(127, 93);<br/>context.stroke();<br/><br/>context.lineTo(127, 92);<br/>context.stroke();<br/><br/>context.lineTo(130, 92);<br/>context.stroke();<br/><br/>context.lineTo(131, 92);<br/>context.stroke();<br/><br/>context.lineTo(132, 92);<br/>context.stroke();<br/><br/>context.lineTo(135, 92);<br/>context.stroke();<br/><br/>context.lineTo(136, 92);<br/>context.stroke();<br/><br/>context.lineTo(137, 92);<br/>context.stroke();<br/><br/>context.lineTo(138, 92);<br/>context.stroke();<br/><br/>context.lineTo(138, 93);<br/>context.stroke();<br/><br/>context.lineTo(139, 94);<br/>context.stroke();<br/><br/>context.lineTo(141, 94);<br/>context.stroke();<br/><br/>context.lineTo(142, 94);<br/>context.stroke();<br/><br/>context.lineTo(143, 94);<br/>context.stroke();<br/><br/>context.lineTo(144, 94);<br/>context.stroke();<br/><br/>context.lineTo(145, 94);<br/>context.stroke();<br/><br/>context.lineTo(147, 94);<br/>context.stroke();<br/><br/>context.lineTo(149, 95);<br/>context.stroke();<br/><br/>context.lineTo(150, 95);<br/>context.stroke();<br/><br/>context.lineTo(150, 96);<br/>context.stroke();<br/><br/>context.lineTo(151, 96);<br/>context.stroke();<br/><br/>context.lineTo(152, 96);<br/>context.stroke();<br/><br/>context.lineTo(153, 96);<br/>context.stroke();<br/><br/>context.lineTo(153, 95);<br/>context.stroke();<br/><br/>context.lineTo(153, 94);<br/>context.stroke();<br/><br/>context.lineTo(153, 93);<br/>context.stroke();<br/><br/>context.lineTo(154, 93);<br/>context.stroke();<br/><br/>context.lineTo(155, 93);<br/>context.stroke();<br/><br/>context.lineTo(156, 94);<br/>context.stroke();<br/><br/>context.lineTo(157, 96);<br/>context.stroke();<br/><br/>context.lineTo(157, 95);<br/>context.stroke();<br/><br/>context.lineTo(155, 93);<br/>context.stroke();<br/><br/>context.lineTo(151, 91);<br/>context.stroke();<br/><br/>context.lineTo(149, 91);<br/>context.stroke();<br/><br/>context.lineTo(146, 91);<br/>context.stroke();<br/><br/>context.lineTo(143, 91);<br/>context.stroke();<br/><br/>context.lineTo(140, 91);<br/>context.stroke();<br/><br/>context.lineTo(138, 91);<br/>context.stroke();<br/><br/>context.lineTo(136, 91);<br/>context.stroke();<br/><br/>context.lineTo(135, 91);<br/>context.stroke();<br/><br/>context.lineTo(135, 92);<br/>context.stroke();<br/><br/>context.lineTo(134, 93);<br/>context.stroke();<br/><br/>context.lineTo(132, 94);<br/>context.stroke();<br/><br/>context.lineTo(132, 95);<br/>context.stroke();<br/><br/>context.lineTo(139, 99);<br/>context.stroke();<br/><br/>context.lineTo(142, 100);<br/>context.stroke();<br/><br/>context.lineTo(142, 99);<br/>context.stroke();<br/><br/>context.lineTo(140, 97);<br/>context.stroke();<br/><br/>context.lineTo(136, 94);<br/>context.stroke();<br/><br/>context.lineTo(132, 94);<br/>context.stroke();<br/><br/>context.lineTo(130, 94);<br/>context.stroke();<br/><br/>context.lineTo(130, 92);<br/>context.stroke();<br/><br/>context.lineTo(130, 90);<br/>context.stroke();<br/><br/>context.lineTo(130, 91);<br/>context.stroke();<br/><br/>context.lineTo(130, 92);<br/>context.stroke();<br/><br/>context.lineTo(133, 92);<br/>context.stroke();<br/><br/>context.lineTo(135, 89);<br/>context.stroke();<br/><br/>context.lineTo(135, 89);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(152, 254);<br/>context.scale(1, 0.7692307692307693);<br/>context.beginPath();<br/>context.arc(0, 0, 33, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(169, 276);<br/>context.lineTo(386,   169);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(164, 228);<br/>context.lineTo(342,   141);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(339, 137);<br/>context.lineTo(261,   138);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(268, 96);<br/>context.lineTo(402,   100);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.lineWidth = 6;<br/><br/>context.lineWidth = 7;<br/><br/>context.lineWidth = 8;<br/><br/>context.lineWidth = 9;<br/><br/>context.lineWidth = 10;<br/><br/>context.lineWidth = 9;<br/><br/>context.lineWidth = 8;<br/><br/>context.lineWidth = 7;<br/><br/>context.lineWidth = 6;<br/><br/>context.lineWidth = 5;<br/><br/>context.lineWidth = 4;<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(173, 233);<br/>context.lineTo(107,   246);<br/>context.stroke();<br/>context.closePath();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>