&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(38, 49);<br/><br/>context.lineTo(38, 50);<br/>context.stroke();<br/><br/>context.lineTo(38, 51);<br/>context.stroke();<br/><br/>context.lineTo(38, 53);<br/>context.stroke();<br/><br/>context.lineTo(38, 56);<br/>context.stroke();<br/><br/>context.lineTo(39, 58);<br/>context.stroke();<br/><br/>context.lineTo(41, 62);<br/>context.stroke();<br/><br/>context.lineTo(42, 64);<br/>context.stroke();<br/><br/>context.lineTo(42, 66);<br/>context.stroke();<br/><br/>context.lineTo(43, 68);<br/>context.stroke();<br/><br/>context.lineTo(44, 70);<br/>context.stroke();<br/><br/>context.lineTo(45, 72);<br/>context.stroke();<br/><br/>context.lineTo(46, 74);<br/>context.stroke();<br/><br/>context.lineTo(46, 76);<br/>context.stroke();<br/><br/>context.lineTo(47, 78);<br/>context.stroke();<br/><br/>context.lineTo(47, 81);<br/>context.stroke();<br/><br/>context.lineTo(48, 83);<br/>context.stroke();<br/><br/>context.lineTo(48, 85);<br/>context.stroke();<br/><br/>context.lineTo(49, 87);<br/>context.stroke();<br/><br/>context.lineTo(50, 90);<br/>context.stroke();<br/><br/>context.lineTo(51, 94);<br/>context.stroke();<br/><br/>context.lineTo(51, 96);<br/>context.stroke();<br/><br/>context.lineTo(52, 97);<br/>context.stroke();<br/><br/>context.lineTo(52, 98);<br/>context.stroke();<br/><br/>context.lineTo(53, 99);<br/>context.stroke();<br/><br/>context.lineTo(53, 100);<br/>context.stroke();<br/><br/>context.lineTo(53, 101);<br/>context.stroke();<br/><br/>context.lineTo(53, 101);<br/>context.stroke();<br/><br/>context.lineTo(53, 101);<br/>context.stroke();<br/><br/>context.lineTo(53, 102);<br/>context.stroke();<br/><br/>context.lineTo(53, 102);<br/>context.stroke();<br/><br/>context.lineTo(53, 103);<br/>context.stroke();<br/><br/>context.lineTo(53, 103);<br/>context.stroke();<br/><br/>context.lineTo(53, 104);<br/>context.stroke();<br/><br/>context.lineTo(52, 105);<br/>context.stroke();<br/><br/>context.lineTo(51, 106);<br/>context.stroke();<br/><br/>context.lineTo(51, 107);<br/>context.stroke();<br/><br/>context.lineTo(51, 108);<br/>context.stroke();<br/><br/>context.lineTo(50, 108);<br/>context.stroke();<br/><br/>context.lineTo(50, 109);<br/>context.stroke();<br/><br/>context.lineTo(50, 109);<br/>context.stroke();<br/><br/>context.lineTo(50, 110);<br/>context.stroke();<br/><br/>context.lineTo(50, 110);<br/>context.stroke();<br/><br/>context.lineTo(49, 111);<br/>context.stroke();<br/><br/>context.lineTo(49, 112);<br/>context.stroke();<br/><br/>context.lineTo(49, 112);<br/>context.stroke();<br/><br/>context.lineTo(49, 113);<br/>context.stroke();<br/><br/>context.lineTo(48, 114);<br/>context.stroke();<br/><br/>context.lineTo(48, 115);<br/>context.stroke();<br/><br/>context.lineTo(48, 115);<br/>context.stroke();<br/><br/>context.lineTo(47, 116);<br/>context.stroke();<br/><br/>context.lineTo(47, 117);<br/>context.stroke();<br/><br/>context.lineTo(46, 118);<br/>context.stroke();<br/><br/>context.lineTo(46, 118);<br/>context.stroke();<br/><br/>context.lineTo(46, 119);<br/>context.stroke();<br/><br/>context.lineTo(45, 120);<br/>context.stroke();<br/><br/>context.lineTo(45, 120);<br/>context.stroke();<br/><br/>context.lineTo(45, 121);<br/>context.stroke();<br/><br/>context.lineTo(45, 121);<br/>context.stroke();<br/><br/>context.lineTo(44, 121);<br/>context.stroke();<br/><br/>context.lineTo(44, 122);<br/>context.stroke();<br/><br/>context.lineTo(44, 122);<br/>context.stroke();<br/><br/>context.lineTo(44, 122);<br/>context.stroke();<br/><br/>context.lineTo(44, 123);<br/>context.stroke();<br/><br/>context.lineTo(44, 123);<br/>context.stroke();<br/><br/>context.lineTo(44, 123);<br/>context.stroke();<br/><br/>context.lineTo(44, 123);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(64, 81);<br/><br/>context.lineTo(55, 81);<br/>context.stroke();<br/><br/>context.lineTo(49, 81);<br/>context.stroke();<br/><br/>context.lineTo(43, 80);<br/>context.stroke();<br/><br/>context.lineTo(39, 80);<br/>context.stroke();<br/><br/>context.lineTo(37, 80);<br/>context.stroke();<br/><br/>context.lineTo(36, 81);<br/>context.stroke();<br/><br/>context.lineTo(34, 84);<br/>context.stroke();<br/><br/>context.lineTo(33, 90);<br/>context.stroke();<br/><br/>context.lineTo(32, 98);<br/>context.stroke();<br/><br/>context.lineTo(32, 109);<br/>context.stroke();<br/><br/>context.lineTo(32, 118);<br/>context.stroke();<br/><br/>context.lineTo(32, 124);<br/>context.stroke();<br/><br/>context.lineTo(32, 127);<br/>context.stroke();<br/><br/>context.lineTo(33, 128);<br/>context.stroke();<br/><br/>context.lineTo(33, 128);<br/>context.stroke();<br/><br/>context.lineTo(34, 124);<br/>context.stroke();<br/><br/>context.lineTo(34, 116);<br/>context.stroke();<br/><br/>context.lineTo(35, 106);<br/>context.stroke();<br/><br/>context.lineTo(35, 93);<br/>context.stroke();<br/><br/>context.lineTo(35, 79);<br/>context.stroke();<br/><br/>context.lineTo(35, 68);<br/>context.stroke();<br/><br/>context.lineTo(36, 60);<br/>context.stroke();<br/><br/>context.lineTo(36, 55);<br/>context.stroke();<br/><br/>context.lineTo(37, 52);<br/>context.stroke();<br/><br/>context.lineTo(37, 52);<br/>context.stroke();<br/><br/>context.lineTo(37, 51);<br/>context.stroke();<br/><br/>context.lineTo(38, 52);<br/>context.stroke();<br/><br/>context.lineTo(38, 55);<br/>context.stroke();<br/><br/>context.lineTo(39, 58);<br/>context.stroke();<br/><br/>context.lineTo(42, 73);<br/>context.stroke();<br/><br/>context.lineTo(45, 86);<br/>context.stroke();<br/><br/>context.lineTo(48, 100);<br/>context.stroke();<br/><br/>context.lineTo(50, 109);<br/>context.stroke();<br/><br/>context.lineTo(51, 117);<br/>context.stroke();<br/><br/>context.lineTo(52, 122);<br/>context.stroke();<br/><br/>context.lineTo(52, 124);<br/>context.stroke();<br/><br/>context.lineTo(52, 125);<br/>context.stroke();<br/><br/>context.lineTo(52, 125);<br/>context.stroke();<br/><br/>context.lineTo(51, 118);<br/>context.stroke();<br/><br/>context.lineTo(47, 82);<br/>context.stroke();<br/><br/>context.lineTo(47, 74);<br/>context.stroke();<br/><br/>context.lineTo(47, 69);<br/>context.stroke();<br/><br/>context.lineTo(47, 66);<br/>context.stroke();<br/><br/>context.lineTo(48, 64);<br/>context.stroke();<br/><br/>context.lineTo(48, 63);<br/>context.stroke();<br/><br/>context.lineTo(49, 63);<br/>context.stroke();<br/><br/>context.lineTo(50, 67);<br/>context.stroke();<br/><br/>context.lineTo(51, 71);<br/>context.stroke();<br/><br/>context.lineTo(51, 79);<br/>context.stroke();<br/><br/>context.lineTo(51, 85);<br/>context.stroke();<br/><br/>context.lineTo(51, 92);<br/>context.stroke();<br/><br/>context.lineTo(52, 100);<br/>context.stroke();<br/><br/>context.lineTo(52, 108);<br/>context.stroke();<br/><br/>context.lineTo(54, 117);<br/>context.stroke();<br/><br/>context.lineTo(55, 119);<br/>context.stroke();<br/><br/>context.lineTo(56, 122);<br/>context.stroke();<br/><br/>context.lineTo(56, 122);<br/>context.stroke();<br/><br/>context.lineTo(56, 122);<br/>context.stroke();<br/><br/>context.lineTo(57, 122);<br/>context.stroke();<br/><br/>context.lineTo(57, 122);<br/>context.stroke();<br/><br/>context.lineTo(57, 122);<br/>context.stroke();<br/><br/>context.lineTo(56, 119);<br/>context.stroke();<br/><br/>context.lineTo(52, 106);<br/>context.stroke();<br/><br/>context.lineTo(48, 93);<br/>context.stroke();<br/><br/>context.lineTo(47, 86);<br/>context.stroke();<br/><br/>context.lineTo(46, 79);<br/>context.stroke();<br/><br/>context.lineTo(46, 76);<br/>context.stroke();<br/><br/>context.lineTo(46, 72);<br/>context.stroke();<br/><br/>context.lineTo(46, 71);<br/>context.stroke();<br/><br/>context.lineTo(46, 70);<br/>context.stroke();<br/><br/>context.lineTo(46, 69);<br/>context.stroke();<br/><br/>context.lineTo(46, 69);<br/>context.stroke();<br/><br/>context.lineTo(46, 70);<br/>context.stroke();<br/><br/>context.lineTo(45, 75);<br/>context.stroke();<br/><br/>context.lineTo(43, 81);<br/>context.stroke();<br/><br/>context.lineTo(42, 89);<br/>context.stroke();<br/><br/>context.lineTo(37, 101);<br/>context.stroke();<br/><br/>context.lineTo(32, 121);<br/>context.stroke();<br/><br/>context.lineTo(30, 128);<br/>context.stroke();<br/><br/>context.lineTo(29, 131);<br/>context.stroke();<br/><br/>context.lineTo(29, 134);<br/>context.stroke();<br/><br/>context.lineTo(28, 136);<br/>context.stroke();<br/><br/>context.lineTo(28, 138);<br/>context.stroke();<br/><br/>context.lineTo(28, 139);<br/>context.stroke();<br/><br/>context.lineTo(28, 139);<br/>context.stroke();<br/><br/>context.lineTo(27, 129);<br/>context.stroke();<br/><br/>context.lineTo(26, 119);<br/>context.stroke();<br/><br/>context.lineTo(26, 111);<br/>context.stroke();<br/><br/>context.lineTo(26, 103);<br/>context.stroke();<br/><br/>context.lineTo(26, 95);<br/>context.stroke();<br/><br/>context.lineTo(28, 86);<br/>context.stroke();<br/><br/>context.lineTo(29, 82);<br/>context.stroke();<br/><br/>context.lineTo(32, 73);<br/>context.stroke();<br/><br/>context.lineTo(32, 70);<br/>context.stroke();<br/><br/>context.lineTo(34, 64);<br/>context.stroke();<br/><br/>context.lineTo(34, 60);<br/>context.stroke();<br/><br/>context.lineTo(35, 57);<br/>context.stroke();<br/><br/>context.lineTo(36, 53);<br/>context.stroke();<br/><br/>context.lineTo(37, 51);<br/>context.stroke();<br/><br/>context.lineTo(37, 49);<br/>context.stroke();<br/><br/>context.lineTo(38, 48);<br/>context.stroke();<br/><br/>context.lineTo(38, 48);<br/>context.stroke();<br/><br/>context.lineTo(38, 48);<br/>context.stroke();<br/><br/>context.lineTo(40, 51);<br/>context.stroke();<br/><br/>context.lineTo(41, 55);<br/>context.stroke();<br/><br/>context.lineTo(43, 62);<br/>context.stroke();<br/><br/>context.lineTo(44, 67);<br/>context.stroke();<br/><br/>context.lineTo(45, 74);<br/>context.stroke();<br/><br/>context.lineTo(45, 81);<br/>context.stroke();<br/><br/>context.lineTo(45, 85);<br/>context.stroke();<br/><br/>context.lineTo(45, 91);<br/>context.stroke();<br/><br/>context.lineTo(45, 93);<br/>context.stroke();<br/><br/>context.lineTo(45, 97);<br/>context.stroke();<br/><br/>context.lineTo(45, 99);<br/>context.stroke();<br/><br/>context.lineTo(46, 103);<br/>context.stroke();<br/><br/>context.lineTo(48, 107);<br/>context.stroke();<br/><br/>context.lineTo(49, 110);<br/>context.stroke();<br/><br/>context.lineTo(50, 111);<br/>context.stroke();<br/><br/>context.lineTo(52, 113);<br/>context.stroke();<br/><br/>context.lineTo(55, 114);<br/>context.stroke();<br/><br/>context.lineTo(57, 114);<br/>context.stroke();<br/><br/>context.lineTo(57, 114);<br/>context.stroke();<br/><br/>context.lineTo(58, 115);<br/>context.stroke();<br/><br/>context.lineTo(58, 115);<br/>context.stroke();<br/><br/>context.lineTo(59, 115);<br/>context.stroke();<br/><br/>context.lineTo(59, 115);<br/>context.stroke();<br/><br/>context.lineTo(59, 116);<br/>context.stroke();<br/><br/>context.lineTo(59, 117);<br/>context.stroke();<br/><br/>context.lineTo(59, 117);<br/>context.stroke();<br/><br/>context.lineTo(58, 117);<br/>context.stroke();<br/><br/>context.lineTo(57, 117);<br/>context.stroke();<br/><br/>context.lineTo(56, 116);<br/>context.stroke();<br/><br/>context.lineTo(56, 116);<br/>context.stroke();<br/><br/>context.lineTo(54, 114);<br/>context.stroke();<br/><br/>context.lineTo(51, 109);<br/>context.stroke();<br/><br/>context.lineTo(51, 106);<br/>context.stroke();<br/><br/>context.lineTo(51, 103);<br/>context.stroke();<br/><br/>context.lineTo(51, 100);<br/>context.stroke();<br/><br/>context.lineTo(52, 98);<br/>context.stroke();<br/><br/>context.lineTo(53, 97);<br/>context.stroke();<br/><br/>context.lineTo(54, 96);<br/>context.stroke();<br/><br/>context.lineTo(56, 92);<br/>context.stroke();<br/><br/>context.lineTo(57, 91);<br/>context.stroke();<br/><br/>context.lineTo(58, 90);<br/>context.stroke();<br/><br/>context.lineTo(58, 90);<br/>context.stroke();<br/><br/>context.lineTo(58, 90);<br/>context.stroke();<br/><br/>context.lineTo(59, 90);<br/>context.stroke();<br/><br/>context.lineTo(59, 90);<br/>context.stroke();<br/><br/>context.lineTo(59, 91);<br/>context.stroke();<br/><br/>context.lineTo(59, 94);<br/>context.stroke();<br/><br/>context.lineTo(58, 99);<br/>context.stroke();<br/><br/>context.lineTo(57, 106);<br/>context.stroke();<br/><br/>context.lineTo(55, 111);<br/>context.stroke();<br/><br/>context.lineTo(53, 114);<br/>context.stroke();<br/><br/>context.lineTo(52, 116);<br/>context.stroke();<br/><br/>context.lineTo(51, 119);<br/>context.stroke();<br/><br/>context.lineTo(49, 121);<br/>context.stroke();<br/><br/>context.lineTo(47, 124);<br/>context.stroke();<br/><br/>context.lineTo(44, 127);<br/>context.stroke();<br/><br/>context.lineTo(43, 129);<br/>context.stroke();<br/><br/>context.lineTo(42, 129);<br/>context.stroke();<br/><br/>context.lineTo(42, 129);<br/>context.stroke();<br/><br/>context.lineTo(42, 129);<br/>context.stroke();<br/><br/>context.lineTo(42, 128);<br/>context.stroke();<br/><br/>context.lineTo(42, 124);<br/>context.stroke();<br/><br/>context.lineTo(43, 119);<br/>context.stroke();<br/><br/>context.lineTo(45, 114);<br/>context.stroke();<br/><br/>context.lineTo(47, 110);<br/>context.stroke();<br/><br/>context.lineTo(49, 108);<br/>context.stroke();<br/><br/>context.lineTo(49, 107);<br/>context.stroke();<br/><br/>context.lineTo(49, 108);<br/>context.stroke();<br/><br/>context.lineTo(48, 110);<br/>context.stroke();<br/><br/>context.lineTo(45, 115);<br/>context.stroke();<br/><br/>context.lineTo(43, 119);<br/>context.stroke();<br/><br/>context.lineTo(41, 121);<br/>context.stroke();<br/><br/>context.lineTo(40, 122);<br/>context.stroke();<br/><br/>context.lineTo(40, 122);<br/>context.stroke();<br/><br/>context.lineTo(40, 118);<br/>context.stroke();<br/><br/>context.lineTo(42, 115);<br/>context.stroke();<br/><br/>context.lineTo(43, 110);<br/>context.stroke();<br/><br/>context.lineTo(45, 107);<br/>context.stroke();<br/><br/>context.lineTo(47, 106);<br/>context.stroke();<br/><br/>context.lineTo(48, 106);<br/>context.stroke();<br/><br/>context.lineTo(48, 106);<br/>context.stroke();<br/><br/>context.lineTo(48, 107);<br/>context.stroke();<br/><br/>context.lineTo(49, 109);<br/>context.stroke();<br/><br/>context.lineTo(49, 110);<br/>context.stroke();<br/><br/>context.lineTo(49, 113);<br/>context.stroke();<br/><br/>context.lineTo(48, 115);<br/>context.stroke();<br/><br/>context.lineTo(48, 116);<br/>context.stroke();<br/><br/>context.lineTo(48, 118);<br/>context.stroke();<br/><br/>context.lineTo(47, 119);<br/>context.stroke();<br/><br/>context.lineTo(47, 120);<br/>context.stroke();<br/><br/>context.lineTo(47, 119);<br/>context.stroke();<br/><br/>context.lineTo(48, 118);<br/>context.stroke();<br/><br/>context.lineTo(49, 115);<br/>context.stroke();<br/><br/>context.lineTo(52, 111);<br/>context.stroke();<br/><br/>context.lineTo(55, 106);<br/>context.stroke();<br/><br/>context.lineTo(56, 103);<br/>context.stroke();<br/><br/>context.lineTo(57, 102);<br/>context.stroke();<br/><br/>context.lineTo(57, 103);<br/>context.stroke();<br/><br/>context.lineTo(57, 106);<br/>context.stroke();<br/><br/>context.lineTo(55, 111);<br/>context.stroke();<br/><br/>context.lineTo(54, 117);<br/>context.stroke();<br/><br/>context.lineTo(52, 121);<br/>context.stroke();<br/><br/>context.lineTo(51, 122);<br/>context.stroke();<br/><br/>context.lineTo(51, 123);<br/>context.stroke();<br/><br/>context.lineTo(51, 123);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(123, 109);<br/><br/>context.lineTo(114, 111);<br/>context.stroke();<br/><br/>context.lineTo(78, 122);<br/>context.stroke();<br/><br/>context.lineTo(43, 129);<br/>context.stroke();<br/><br/>context.lineTo(25, 134);<br/>context.stroke();<br/><br/>context.lineTo(23, 135);<br/>context.stroke();<br/><br/>context.lineTo(27, 135);<br/>context.stroke();<br/><br/>context.lineTo(45, 128);<br/>context.stroke();<br/><br/>context.lineTo(72, 119);<br/>context.stroke();<br/><br/>context.lineTo(87, 111);<br/>context.stroke();<br/><br/>context.lineTo(87, 109);<br/>context.stroke();<br/><br/>context.lineTo(82, 107);<br/>context.stroke();<br/><br/>context.lineTo(52, 106);<br/>context.stroke();<br/><br/>context.lineTo(29, 112);<br/>context.stroke();<br/><br/>context.lineTo(12, 122);<br/>context.stroke();<br/><br/>context.lineTo(7, 131);<br/>context.stroke();<br/><br/>context.lineTo(7, 131);<br/>context.stroke();<br/><br/>context.lineTo(18, 114);<br/>context.stroke();<br/><br/>context.lineTo(35, 86);<br/>context.stroke();<br/><br/>context.lineTo(57, 54);<br/>context.stroke();<br/><br/>context.lineTo(60, 49);<br/>context.stroke();<br/><br/>context.lineTo(53, 55);<br/>context.stroke();<br/><br/>context.lineTo(12, 92);<br/>context.stroke();<br/><br/>context.lineTo(64, 67);<br/>context.stroke();<br/><br/>context.lineTo(64, 66);<br/>context.stroke();<br/><br/>context.lineTo(58, 67);<br/>context.stroke();<br/><br/>context.lineTo(45, 75);<br/>context.stroke();<br/><br/>context.lineTo(29, 88);<br/>context.stroke();<br/><br/>context.lineTo(12, 106);<br/>context.stroke();<br/><br/>context.lineTo(10, 108);<br/>context.stroke();<br/><br/>context.lineTo(13, 98);<br/>context.stroke();<br/><br/>context.lineTo(20, 81);<br/>context.stroke();<br/><br/>context.lineTo(28, 59);<br/>context.stroke();<br/><br/>context.lineTo(30, 46);<br/>context.stroke();<br/><br/>context.lineTo(30, 43);<br/>context.stroke();<br/><br/>context.lineTo(30, 43);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.strokeRect(42, 73, 13, 79);<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(45, 43.5);<br/>context.scale(1, 0.9166666666666666);<br/>context.beginPath();<br/>context.arc(0, 0, 16, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(47, 39);<br/><br/>context.lineTo(47, 39);<br/>context.stroke();<br/><br/>context.lineTo(47, 39);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>