&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.lineWidth = 4;<br/><br/>context.lineWidth = 3;<br/><br/>context.lineWidth = 2;<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(56.5, 23);<br/>context.scale(1, 0.64);<br/>context.beginPath();<br/>context.arc(0, 0, 30, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(55, 3);<br/>context.lineTo(53,   71);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(42, 39);<br/><br/>context.lineTo(42, 38);<br/>context.stroke();<br/><br/>context.lineTo(40, 37);<br/>context.stroke();<br/><br/>context.lineTo(39, 37);<br/>context.stroke();<br/><br/>context.lineTo(38, 37);<br/>context.stroke();<br/><br/>context.lineTo(38, 36);<br/>context.stroke();<br/><br/>context.lineTo(38, 36);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(41, 36);<br/><br/>context.lineTo(41, 38);<br/>context.stroke();<br/><br/>context.lineTo(41, 39);<br/>context.stroke();<br/><br/>context.lineTo(41, 40);<br/>context.stroke();<br/><br/>context.lineTo(41, 41);<br/>context.stroke();<br/><br/>context.lineTo(40, 41);<br/>context.stroke();<br/><br/>context.lineTo(40, 40);<br/>context.stroke();<br/><br/>context.lineTo(40, 38);<br/>context.stroke();<br/><br/>context.lineTo(40, 37);<br/>context.stroke();<br/><br/>context.lineTo(40, 38);<br/>context.stroke();<br/><br/>context.lineTo(40, 39);<br/>context.stroke();<br/><br/>context.lineTo(40, 43);<br/>context.stroke();<br/><br/>context.lineTo(39, 45);<br/>context.stroke();<br/><br/>context.lineTo(39, 44);<br/>context.stroke();<br/><br/>context.lineTo(39, 40);<br/>context.stroke();<br/><br/>context.lineTo(38, 36);<br/>context.stroke();<br/><br/>context.lineTo(38, 35);<br/>context.stroke();<br/><br/>context.lineTo(38, 34);<br/>context.stroke();<br/><br/>context.lineTo(38, 35);<br/>context.stroke();<br/><br/>context.lineTo(38, 36);<br/>context.stroke();<br/><br/>context.lineTo(37, 36);<br/>context.stroke();<br/><br/>context.lineTo(36, 34);<br/>context.stroke();<br/><br/>context.lineTo(36, 33);<br/>context.stroke();<br/><br/>context.lineTo(36, 34);<br/>context.stroke();<br/><br/>context.lineTo(36, 39);<br/>context.stroke();<br/><br/>context.lineTo(36, 45);<br/>context.stroke();<br/><br/>context.lineTo(38, 45);<br/>context.stroke();<br/><br/>context.lineTo(38, 44);<br/>context.stroke();<br/><br/>context.lineTo(38, 37);<br/>context.stroke();<br/><br/>context.lineTo(38, 32);<br/>context.stroke();<br/><br/>context.lineTo(39, 31);<br/>context.stroke();<br/><br/>context.lineTo(39, 30);<br/>context.stroke();<br/><br/>context.lineTo(39, 32);<br/>context.stroke();<br/><br/>context.lineTo(39, 35);<br/>context.stroke();<br/><br/>context.lineTo(39, 37);<br/>context.stroke();<br/><br/>context.lineTo(39, 36);<br/>context.stroke();<br/><br/>context.lineTo(39, 30);<br/>context.stroke();<br/><br/>context.lineTo(39, 28);<br/>context.stroke();<br/><br/>context.lineTo(38, 29);<br/>context.stroke();<br/><br/>context.lineTo(37, 34);<br/>context.stroke();<br/><br/>context.lineTo(37, 35);<br/>context.stroke();<br/><br/>context.lineTo(37, 36);<br/>context.stroke();<br/><br/>context.lineTo(37, 32);<br/>context.stroke();<br/><br/>context.lineTo(36, 29);<br/>context.stroke();<br/><br/>context.lineTo(35, 25);<br/>context.stroke();<br/><br/>context.lineTo(35, 24);<br/>context.stroke();<br/><br/>context.lineTo(34, 26);<br/>context.stroke();<br/><br/>context.lineTo(34, 28);<br/>context.stroke();<br/><br/>context.lineTo(33, 28);<br/>context.stroke();<br/><br/>context.lineTo(33, 30);<br/>context.stroke();<br/><br/>context.lineTo(33, 36);<br/>context.stroke();<br/><br/>context.lineTo(34, 44);<br/>context.stroke();<br/><br/>context.lineTo(35, 46);<br/>context.stroke();<br/><br/>context.lineTo(35, 42);<br/>context.stroke();<br/><br/>context.lineTo(35, 33);<br/>context.stroke();<br/><br/>context.lineTo(35, 19);<br/>context.stroke();<br/><br/>context.lineTo(35, 16);<br/>context.stroke();<br/><br/>context.lineTo(35, 15);<br/>context.stroke();<br/><br/>context.lineTo(33, 15);<br/>context.stroke();<br/><br/>context.lineTo(33, 17);<br/>context.stroke();<br/><br/>context.lineTo(33, 21);<br/>context.stroke();<br/><br/>context.lineTo(33, 26);<br/>context.stroke();<br/><br/>context.lineTo(33, 28);<br/>context.stroke();<br/><br/>context.lineTo(33, 29);<br/>context.stroke();<br/><br/>context.lineTo(33, 28);<br/>context.stroke();<br/><br/>context.lineTo(32, 25);<br/>context.stroke();<br/><br/>context.lineTo(31, 14);<br/>context.stroke();<br/><br/>context.lineTo(31, 8);<br/>context.stroke();<br/><br/>context.lineTo(31, 7);<br/>context.stroke();<br/><br/>context.lineTo(30, 7);<br/>context.stroke();<br/><br/>context.lineTo(29, 18);<br/>context.stroke();<br/><br/>context.lineTo(29, 30);<br/>context.stroke();<br/><br/>context.lineTo(29, 34);<br/>context.stroke();<br/><br/>context.lineTo(29, 35);<br/>context.stroke();<br/><br/>context.lineTo(29, 34);<br/>context.stroke();<br/><br/>context.lineTo(29, 26);<br/>context.stroke();<br/><br/>context.lineTo(29, 16);<br/>context.stroke();<br/><br/>context.lineTo(29, 14);<br/>context.stroke();<br/><br/>context.lineTo(29, 13);<br/>context.stroke();<br/><br/>context.lineTo(29, 15);<br/>context.stroke();<br/><br/>context.lineTo(29, 26);<br/>context.stroke();<br/><br/>context.lineTo(29, 30);<br/>context.stroke();<br/><br/>context.lineTo(29, 24);<br/>context.stroke();<br/><br/>context.lineTo(29, 14);<br/>context.stroke();<br/><br/>context.lineTo(29, 1);<br/>context.stroke();<br/><br/>context.lineTo(28, 6);<br/>context.stroke();<br/><br/>context.lineTo(28, 29);<br/>context.stroke();<br/><br/>context.lineTo(28, 37);<br/>context.stroke();<br/><br/>context.lineTo(28, 32);<br/>context.stroke();<br/><br/>context.lineTo(27, 22);<br/>context.stroke();<br/><br/>context.lineTo(27, 18);<br/>context.stroke();<br/><br/>context.lineTo(27, 17);<br/>context.stroke();<br/><br/>context.lineTo(27, 19);<br/>context.stroke();<br/><br/>context.lineTo(27, 22);<br/>context.stroke();<br/><br/>context.lineTo(27, 26);<br/>context.stroke();<br/><br/>context.lineTo(27, 25);<br/>context.stroke();<br/><br/>context.lineTo(27, 19);<br/>context.stroke();<br/><br/>context.lineTo(26, 15);<br/>context.stroke();<br/><br/>context.lineTo(25, 15);<br/>context.stroke();<br/><br/>context.lineTo(25, 17);<br/>context.stroke();<br/><br/>context.lineTo(25, 25);<br/>context.stroke();<br/><br/>context.lineTo(25, 29);<br/>context.stroke();<br/><br/>context.lineTo(27, 31);<br/>context.stroke();<br/><br/>context.lineTo(28, 32);<br/>context.stroke();<br/><br/>context.lineTo(29, 29);<br/>context.stroke();<br/><br/>context.lineTo(30, 27);<br/>context.stroke();<br/><br/>context.lineTo(31, 27);<br/>context.stroke();<br/><br/>context.lineTo(32, 27);<br/>context.stroke();<br/><br/>context.lineTo(32, 29);<br/>context.stroke();<br/><br/>context.lineTo(33, 30);<br/>context.stroke();<br/><br/>context.lineTo(33, 37);<br/>context.stroke();<br/><br/>context.lineTo(34, 41);<br/>context.stroke();<br/><br/>context.lineTo(34, 43);<br/>context.stroke();<br/><br/>context.lineTo(34, 44);<br/>context.stroke();<br/><br/>context.lineTo(34, 38);<br/>context.stroke();<br/><br/>context.lineTo(30, 24);<br/>context.stroke();<br/><br/>context.lineTo(30, 23);<br/>context.stroke();<br/><br/>context.lineTo(30, 22);<br/>context.stroke();<br/><br/>context.lineTo(29, 27);<br/>context.stroke();<br/><br/>context.lineTo(29, 33);<br/>context.stroke();<br/><br/>context.lineTo(29, 34);<br/>context.stroke();<br/><br/>context.lineTo(29, 33);<br/>context.stroke();<br/><br/>context.lineTo(29, 31);<br/>context.stroke();<br/><br/>context.lineTo(29, 34);<br/>context.stroke();<br/><br/>context.lineTo(31, 42);<br/>context.stroke();<br/><br/>context.lineTo(32, 43);<br/>context.stroke();<br/><br/>context.lineTo(32, 42);<br/>context.stroke();<br/><br/>context.lineTo(32, 31);<br/>context.stroke();<br/><br/>context.lineTo(32, 23);<br/>context.stroke();<br/><br/>context.lineTo(32, 22);<br/>context.stroke();<br/><br/>context.lineTo(32, 23);<br/>context.stroke();<br/><br/>context.lineTo(32, 29);<br/>context.stroke();<br/><br/>context.lineTo(32, 30);<br/>context.stroke();<br/><br/>context.lineTo(32, 31);<br/>context.stroke();<br/><br/>context.lineTo(32, 38);<br/>context.stroke();<br/><br/>context.lineTo(32, 44);<br/>context.stroke();<br/><br/>context.lineTo(31, 42);<br/>context.stroke();<br/><br/>context.lineTo(29, 28);<br/>context.stroke();<br/><br/>context.lineTo(29, 23);<br/>context.stroke();<br/><br/>context.lineTo(29, 22);<br/>context.stroke();<br/><br/>context.lineTo(29, 23);<br/>context.stroke();<br/><br/>context.lineTo(29, 32);<br/>context.stroke();<br/><br/>context.lineTo(29, 36);<br/>context.stroke();<br/><br/>context.lineTo(30, 40);<br/>context.stroke();<br/><br/>context.lineTo(31, 40);<br/>context.stroke();<br/><br/>context.lineTo(31, 38);<br/>context.stroke();<br/><br/>context.lineTo(31, 29);<br/>context.stroke();<br/><br/>context.lineTo(31, 28);<br/>context.stroke();<br/><br/>context.lineTo(31, 29);<br/>context.stroke();<br/><br/>context.lineTo(33, 34);<br/>context.stroke();<br/><br/>context.lineTo(33, 35);<br/>context.stroke();<br/><br/>context.lineTo(33, 31);<br/>context.stroke();<br/><br/>context.lineTo(33, 23);<br/>context.stroke();<br/><br/>context.lineTo(34, 8);<br/>context.stroke();<br/><br/>context.lineTo(34, 1);<br/>context.stroke();<br/><br/>context.lineTo(34, 0);<br/>context.stroke();<br/><br/>context.lineTo(34, 1);<br/>context.stroke();<br/><br/>context.lineTo(34, 9);<br/>context.stroke();<br/><br/>context.lineTo(34, 11);<br/>context.stroke();<br/><br/>context.lineTo(34, 10);<br/>context.stroke();<br/><br/>context.lineTo(34, 8);<br/>context.stroke();<br/><br/>context.lineTo(35, 8);<br/>context.stroke();<br/><br/>context.lineTo(35, 9);<br/>context.stroke();<br/><br/>context.lineTo(35, 14);<br/>context.stroke();<br/><br/>context.lineTo(35, 20);<br/>context.stroke();<br/><br/>context.lineTo(35, 23);<br/>context.stroke();<br/><br/>context.lineTo(35, 24);<br/>context.stroke();<br/><br/>context.lineTo(35, 23);<br/>context.stroke();<br/><br/>context.lineTo(35, 13);<br/>context.stroke();<br/><br/>context.lineTo(35, 7);<br/>context.stroke();<br/><br/>context.lineTo(35, 8);<br/>context.stroke();<br/><br/>context.lineTo(35, 11);<br/>context.stroke();<br/><br/>context.lineTo(36, 11);<br/>context.stroke();<br/><br/>context.lineTo(38, 4);<br/>context.stroke();<br/><br/>context.lineTo(39, 1);<br/>context.stroke();<br/><br/>context.lineTo(39, 0);<br/>context.stroke();<br/><br/>context.lineTo(39, 1);<br/>context.stroke();<br/><br/>context.lineTo(39, 3);<br/>context.stroke();<br/><br/>context.lineTo(39, 5);<br/>context.stroke();<br/><br/>context.lineTo(39, 12);<br/>context.stroke();<br/><br/>context.lineTo(39, 15);<br/>context.stroke();<br/><br/>context.lineTo(39, 17);<br/>context.stroke();<br/><br/>context.lineTo(39, 16);<br/>context.stroke();<br/><br/>context.lineTo(39, 2);<br/>context.stroke();<br/><br/>context.lineTo(39, 0);<br/>context.stroke();<br/><br/>context.lineTo(40, 9);<br/>context.stroke();<br/><br/>context.lineTo(40, 11);<br/>context.stroke();<br/><br/>context.lineTo(40, 10);<br/>context.stroke();<br/><br/>context.lineTo(40, 2);<br/>context.stroke();<br/><br/>context.lineTo(40, 1);<br/>context.stroke();<br/><br/>context.lineTo(41, 4);<br/>context.stroke();<br/><br/>context.lineTo(42, 9);<br/>context.stroke();<br/><br/>context.lineTo(42, 10);<br/>context.stroke();<br/><br/>context.lineTo(42, 8);<br/>context.stroke();<br/><br/>context.lineTo(44, 4);<br/>context.stroke();<br/><br/>context.lineTo(44, 3);<br/>context.stroke();<br/><br/>context.lineTo(44, 5);<br/>context.stroke();<br/><br/>context.lineTo(44, 8);<br/>context.stroke();<br/><br/>context.lineTo(44, 10);<br/>context.stroke();<br/><br/>context.lineTo(44, 9);<br/>context.stroke();<br/><br/>context.lineTo(44, 1);<br/>context.stroke();<br/><br/>context.lineTo(45, 1);<br/>context.stroke();<br/><br/>context.lineTo(46, 8);<br/>context.stroke();<br/><br/>context.lineTo(46, 9);<br/>context.stroke();<br/><br/>context.lineTo(46, 8);<br/>context.stroke();<br/><br/>context.lineTo(47, 4);<br/>context.stroke();<br/><br/>context.lineTo(47, 3);<br/>context.stroke();<br/><br/>context.lineTo(48, 3);<br/>context.stroke();<br/><br/>context.lineTo(48, 4);<br/>context.stroke();<br/><br/>context.lineTo(49, 5);<br/>context.stroke();<br/><br/>context.lineTo(49, 6);<br/>context.stroke();<br/><br/>context.lineTo(49, 5);<br/>context.stroke();<br/><br/>context.lineTo(49, 0);<br/>context.stroke();<br/><br/>context.lineTo(49, 0);<br/>context.stroke();<br/><br/>context.lineTo(49, 3);<br/>context.stroke();<br/><br/>context.lineTo(49, 4);<br/>context.stroke();<br/><br/>context.lineTo(49, 3);<br/>context.stroke();<br/><br/>context.lineTo(49, 2);<br/>context.stroke();<br/><br/>context.lineTo(49, 3);<br/>context.stroke();<br/><br/>context.lineTo(49, 5);<br/>context.stroke();<br/><br/>context.lineTo(49, 6);<br/>context.stroke();<br/><br/>context.lineTo(49, 8);<br/>context.stroke();<br/><br/>context.lineTo(49, 9);<br/>context.stroke();<br/><br/>context.lineTo(49, 8);<br/>context.stroke();<br/><br/>context.lineTo(49, 4);<br/>context.stroke();<br/><br/>context.lineTo(49, 1);<br/>context.stroke();<br/><br/>context.lineTo(49, 0);<br/>context.stroke();<br/><br/>context.lineTo(49, 0);<br/>context.stroke();<br/><br/>context.lineTo(49, 8);<br/>context.stroke();<br/><br/>context.lineTo(49, 7);<br/>context.stroke();<br/><br/>context.lineTo(49, 4);<br/>context.stroke();<br/><br/>context.lineTo(49, 3);<br/>context.stroke();<br/><br/>context.lineTo(49, 4);<br/>context.stroke();<br/><br/>context.lineTo(49, 10);<br/>context.stroke();<br/><br/>context.lineTo(49, 9);<br/>context.stroke();<br/><br/>context.lineTo(49, 7);<br/>context.stroke();<br/><br/>context.lineTo(49, 7);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(51, 3);<br/><br/>context.lineTo(51, 2);<br/>context.stroke();<br/><br/>context.lineTo(51, 3);<br/>context.stroke();<br/><br/>context.lineTo(51, 4);<br/>context.stroke();<br/><br/>context.lineTo(51, 3);<br/>context.stroke();<br/><br/>context.lineTo(51, 2);<br/>context.stroke();<br/><br/>context.lineTo(51, 3);<br/>context.stroke();<br/><br/>context.lineTo(51, 9);<br/>context.stroke();<br/><br/>context.lineTo(50, 14);<br/>context.stroke();<br/><br/>context.lineTo(49, 15);<br/>context.stroke();<br/><br/>context.lineTo(49, 13);<br/>context.stroke();<br/><br/>context.lineTo(49, 11);<br/>context.stroke();<br/><br/>context.lineTo(49, 10);<br/>context.stroke();<br/><br/>context.lineTo(49, 10);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(47, 38);<br/><br/>context.lineTo(47, 39);<br/>context.stroke();<br/><br/>context.lineTo(47, 41);<br/>context.stroke();<br/><br/>context.lineTo(47, 42);<br/>context.stroke();<br/><br/>context.lineTo(47, 43);<br/>context.stroke();<br/><br/>context.lineTo(47, 44);<br/>context.stroke();<br/><br/>context.lineTo(47, 43);<br/>context.stroke();<br/><br/>context.lineTo(47, 38);<br/>context.stroke();<br/><br/>context.lineTo(47, 39);<br/>context.stroke();<br/><br/>context.lineTo(47, 42);<br/>context.stroke();<br/><br/>context.lineTo(47, 40);<br/>context.stroke();<br/><br/>context.lineTo(46, 38);<br/>context.stroke();<br/><br/>context.lineTo(46, 37);<br/>context.stroke();<br/><br/>context.lineTo(46, 40);<br/>context.stroke();<br/><br/>context.lineTo(46, 41);<br/>context.stroke();<br/><br/>context.lineTo(45, 39);<br/>context.stroke();<br/><br/>context.lineTo(43, 35);<br/>context.stroke();<br/><br/>context.lineTo(42, 37);<br/>context.stroke();<br/><br/>context.lineTo(42, 40);<br/>context.stroke();<br/><br/>context.lineTo(42, 42);<br/>context.stroke();<br/><br/>context.lineTo(41, 42);<br/>context.stroke();<br/><br/>context.lineTo(41, 39);<br/>context.stroke();<br/><br/>context.lineTo(41, 37);<br/>context.stroke();<br/><br/>context.lineTo(42, 37);<br/>context.stroke();<br/><br/>context.lineTo(43, 41);<br/>context.stroke();<br/><br/>context.lineTo(43, 42);<br/>context.stroke();<br/><br/>context.lineTo(44, 42);<br/>context.stroke();<br/><br/>context.lineTo(45, 42);<br/>context.stroke();<br/><br/>context.lineTo(45, 41);<br/>context.stroke();<br/><br/>context.lineTo(45, 40);<br/>context.stroke();<br/><br/>context.lineTo(45, 39);<br/>context.stroke();<br/><br/>context.lineTo(45, 40);<br/>context.stroke();<br/><br/>context.lineTo(47, 43);<br/>context.stroke();<br/><br/>context.lineTo(47, 42);<br/>context.stroke();<br/><br/>context.lineTo(48, 39);<br/>context.stroke();<br/><br/>context.lineTo(48, 40);<br/>context.stroke();<br/><br/>context.lineTo(48, 43);<br/>context.stroke();<br/><br/>context.lineTo(48, 41);<br/>context.stroke();<br/><br/>context.lineTo(48, 39);<br/>context.stroke();<br/><br/>context.lineTo(48, 41);<br/>context.stroke();<br/><br/>context.lineTo(49, 43);<br/>context.stroke();<br/><br/>context.lineTo(49, 43);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(46, 3);<br/>context.lineTo(45,   68);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(45, 2);<br/>context.lineTo(8,   69);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(52, 41);<br/>context.lineTo(13,   40);<br/>context.stroke();<br/>context.closePath();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>