&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(69, 109);<br/><br/>context.lineTo(68, 109);<br/>context.stroke();<br/><br/>context.lineTo(67, 109);<br/>context.stroke();<br/><br/>context.lineTo(65, 109);<br/>context.stroke();<br/><br/>context.lineTo(63, 109);<br/>context.stroke();<br/><br/>context.lineTo(60, 109);<br/>context.stroke();<br/><br/>context.lineTo(55, 110);<br/>context.stroke();<br/><br/>context.lineTo(50, 113);<br/>context.stroke();<br/><br/>context.lineTo(46, 114);<br/>context.stroke();<br/><br/>context.lineTo(45, 114);<br/>context.stroke();<br/><br/>context.lineTo(44, 114);<br/>context.stroke();<br/><br/>context.lineTo(43, 114);<br/>context.stroke();<br/><br/>context.lineTo(42, 114);<br/>context.stroke();<br/><br/>context.lineTo(41, 116);<br/>context.stroke();<br/><br/>context.lineTo(40, 117);<br/>context.stroke();<br/><br/>context.lineTo(37, 121);<br/>context.stroke();<br/><br/>context.lineTo(34, 125);<br/>context.stroke();<br/><br/>context.lineTo(33, 126);<br/>context.stroke();<br/><br/>context.lineTo(32, 127);<br/>context.stroke();<br/><br/>context.lineTo(32, 128);<br/>context.stroke();<br/><br/>context.lineTo(31, 129);<br/>context.stroke();<br/><br/>context.lineTo(31, 134);<br/>context.stroke();<br/><br/>context.lineTo(30, 139);<br/>context.stroke();<br/><br/>context.lineTo(30, 147);<br/>context.stroke();<br/><br/>context.lineTo(30, 153);<br/>context.stroke();<br/><br/>context.lineTo(30, 158);<br/>context.stroke();<br/><br/>context.lineTo(31, 162);<br/>context.stroke();<br/><br/>context.lineTo(32, 165);<br/>context.stroke();<br/><br/>context.lineTo(32, 167);<br/>context.stroke();<br/><br/>context.lineTo(33, 169);<br/>context.stroke();<br/><br/>context.lineTo(35, 172);<br/>context.stroke();<br/><br/>context.lineTo(36, 175);<br/>context.stroke();<br/><br/>context.lineTo(38, 178);<br/>context.stroke();<br/><br/>context.lineTo(39, 179);<br/>context.stroke();<br/><br/>context.lineTo(42, 181);<br/>context.stroke();<br/><br/>context.lineTo(45, 183);<br/>context.stroke();<br/><br/>context.lineTo(48, 185);<br/>context.stroke();<br/><br/>context.lineTo(52, 187);<br/>context.stroke();<br/><br/>context.lineTo(54, 188);<br/>context.stroke();<br/><br/>context.lineTo(57, 189);<br/>context.stroke();<br/><br/>context.lineTo(61, 190);<br/>context.stroke();<br/><br/>context.lineTo(63, 191);<br/>context.stroke();<br/><br/>context.lineTo(66, 191);<br/>context.stroke();<br/><br/>context.lineTo(69, 192);<br/>context.stroke();<br/><br/>context.lineTo(71, 192);<br/>context.stroke();<br/><br/>context.lineTo(76, 192);<br/>context.stroke();<br/><br/>context.lineTo(79, 191);<br/>context.stroke();<br/><br/>context.lineTo(83, 191);<br/>context.stroke();<br/><br/>context.lineTo(87, 189);<br/>context.stroke();<br/><br/>context.lineTo(90, 188);<br/>context.stroke();<br/><br/>context.lineTo(91, 188);<br/>context.stroke();<br/><br/>context.lineTo(93, 187);<br/>context.stroke();<br/><br/>context.lineTo(94, 186);<br/>context.stroke();<br/><br/>context.lineTo(94, 186);<br/>context.stroke();<br/><br/>context.lineTo(94, 186);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(134, 146);<br/><br/>context.lineTo(132, 144);<br/>context.stroke();<br/><br/>context.lineTo(131, 143);<br/>context.stroke();<br/><br/>context.lineTo(130, 143);<br/>context.stroke();<br/><br/>context.lineTo(130, 142);<br/>context.stroke();<br/><br/>context.lineTo(129, 141);<br/>context.stroke();<br/><br/>context.lineTo(127, 141);<br/>context.stroke();<br/><br/>context.lineTo(124, 141);<br/>context.stroke();<br/><br/>context.lineTo(121, 141);<br/>context.stroke();<br/><br/>context.lineTo(119, 141);<br/>context.stroke();<br/><br/>context.lineTo(117, 141);<br/>context.stroke();<br/><br/>context.lineTo(116, 141);<br/>context.stroke();<br/><br/>context.lineTo(115, 141);<br/>context.stroke();<br/><br/>context.lineTo(115, 141);<br/>context.stroke();<br/><br/>context.lineTo(114, 141);<br/>context.stroke();<br/><br/>context.lineTo(114, 141);<br/>context.stroke();<br/><br/>context.lineTo(112, 144);<br/>context.stroke();<br/><br/>context.lineTo(112, 147);<br/>context.stroke();<br/><br/>context.lineTo(109, 152);<br/>context.stroke();<br/><br/>context.lineTo(108, 154);<br/>context.stroke();<br/><br/>context.lineTo(107, 157);<br/>context.stroke();<br/><br/>context.lineTo(106, 161);<br/>context.stroke();<br/><br/>context.lineTo(106, 162);<br/>context.stroke();<br/><br/>context.lineTo(106, 163);<br/>context.stroke();<br/><br/>context.lineTo(107, 165);<br/>context.stroke();<br/><br/>context.lineTo(108, 166);<br/>context.stroke();<br/><br/>context.lineTo(109, 168);<br/>context.stroke();<br/><br/>context.lineTo(112, 172);<br/>context.stroke();<br/><br/>context.lineTo(115, 176);<br/>context.stroke();<br/><br/>context.lineTo(117, 178);<br/>context.stroke();<br/><br/>context.lineTo(119, 180);<br/>context.stroke();<br/><br/>context.lineTo(123, 181);<br/>context.stroke();<br/><br/>context.lineTo(125, 182);<br/>context.stroke();<br/><br/>context.lineTo(128, 183);<br/>context.stroke();<br/><br/>context.lineTo(131, 183);<br/>context.stroke();<br/><br/>context.lineTo(134, 184);<br/>context.stroke();<br/><br/>context.lineTo(137, 184);<br/>context.stroke();<br/><br/>context.lineTo(138, 184);<br/>context.stroke();<br/><br/>context.lineTo(138, 184);<br/>context.stroke();<br/><br/>context.lineTo(141, 180);<br/>context.stroke();<br/><br/>context.lineTo(143, 175);<br/>context.stroke();<br/><br/>context.lineTo(145, 169);<br/>context.stroke();<br/><br/>context.lineTo(146, 166);<br/>context.stroke();<br/><br/>context.lineTo(146, 164);<br/>context.stroke();<br/><br/>context.lineTo(146, 163);<br/>context.stroke();<br/><br/>context.lineTo(146, 162);<br/>context.stroke();<br/><br/>context.lineTo(146, 159);<br/>context.stroke();<br/><br/>context.lineTo(145, 155);<br/>context.stroke();<br/><br/>context.lineTo(144, 152);<br/>context.stroke();<br/><br/>context.lineTo(143, 150);<br/>context.stroke();<br/><br/>context.lineTo(143, 150);<br/>context.stroke();<br/><br/>context.lineTo(143, 150);<br/>context.stroke();<br/><br/>context.lineTo(143, 150);<br/>context.stroke();<br/><br/>context.lineTo(145, 156);<br/>context.stroke();<br/><br/>context.lineTo(149, 166);<br/>context.stroke();<br/><br/>context.lineTo(153, 172);<br/>context.stroke();<br/><br/>context.lineTo(158, 179);<br/>context.stroke();<br/><br/>context.lineTo(160, 181);<br/>context.stroke();<br/><br/>context.lineTo(162, 183);<br/>context.stroke();<br/><br/>context.lineTo(163, 183);<br/>context.stroke();<br/><br/>context.lineTo(165, 185);<br/>context.stroke();<br/><br/>context.lineTo(165, 185);<br/>context.stroke();<br/><br/>context.lineTo(165, 185);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(171, 139);<br/><br/>context.lineTo(171, 141);<br/>context.stroke();<br/><br/>context.lineTo(171, 147);<br/>context.stroke();<br/><br/>context.lineTo(173, 155);<br/>context.stroke();<br/><br/>context.lineTo(174, 159);<br/>context.stroke();<br/><br/>context.lineTo(175, 163);<br/>context.stroke();<br/><br/>context.lineTo(176, 166);<br/>context.stroke();<br/><br/>context.lineTo(178, 169);<br/>context.stroke();<br/><br/>context.lineTo(179, 172);<br/>context.stroke();<br/><br/>context.lineTo(179, 174);<br/>context.stroke();<br/><br/>context.lineTo(179, 174);<br/>context.stroke();<br/><br/>context.lineTo(179, 175);<br/>context.stroke();<br/><br/>context.lineTo(179, 173);<br/>context.stroke();<br/><br/>context.lineTo(177, 165);<br/>context.stroke();<br/><br/>context.lineTo(175, 157);<br/>context.stroke();<br/><br/>context.lineTo(174, 150);<br/>context.stroke();<br/><br/>context.lineTo(174, 145);<br/>context.stroke();<br/><br/>context.lineTo(175, 141);<br/>context.stroke();<br/><br/>context.lineTo(177, 138);<br/>context.stroke();<br/><br/>context.lineTo(177, 137);<br/>context.stroke();<br/><br/>context.lineTo(179, 136);<br/>context.stroke();<br/><br/>context.lineTo(182, 135);<br/>context.stroke();<br/><br/>context.lineTo(185, 135);<br/>context.stroke();<br/><br/>context.lineTo(188, 135);<br/>context.stroke();<br/><br/>context.lineTo(193, 137);<br/>context.stroke();<br/><br/>context.lineTo(198, 141);<br/>context.stroke();<br/><br/>context.lineTo(204, 150);<br/>context.stroke();<br/><br/>context.lineTo(207, 167);<br/>context.stroke();<br/><br/>context.lineTo(207, 179);<br/>context.stroke();<br/><br/>context.lineTo(207, 183);<br/>context.stroke();<br/><br/>context.lineTo(207, 184);<br/>context.stroke();<br/><br/>context.lineTo(207, 185);<br/>context.stroke();<br/><br/>context.lineTo(207, 185);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(231, 136);<br/><br/>context.lineTo(232, 141);<br/>context.stroke();<br/><br/>context.lineTo(238, 156);<br/>context.stroke();<br/><br/>context.lineTo(246, 177);<br/>context.stroke();<br/><br/>context.lineTo(250, 187);<br/>context.stroke();<br/><br/>context.lineTo(254, 193);<br/>context.stroke();<br/><br/>context.lineTo(255, 195);<br/>context.stroke();<br/><br/>context.lineTo(256, 196);<br/>context.stroke();<br/><br/>context.lineTo(257, 196);<br/>context.stroke();<br/><br/>context.lineTo(259, 194);<br/>context.stroke();<br/><br/>context.lineTo(264, 185);<br/>context.stroke();<br/><br/>context.lineTo(275, 165);<br/>context.stroke();<br/><br/>context.lineTo(280, 154);<br/>context.stroke();<br/><br/>context.lineTo(286, 145);<br/>context.stroke();<br/><br/>context.lineTo(286, 143);<br/>context.stroke();<br/><br/>context.lineTo(286, 143);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(285, 176);<br/><br/>context.lineTo(277, 190);<br/>context.stroke();<br/><br/>context.lineTo(277, 193);<br/>context.stroke();<br/><br/>context.lineTo(279, 198);<br/>context.stroke();<br/><br/>context.lineTo(283, 202);<br/>context.stroke();<br/><br/>context.lineTo(291, 205);<br/>context.stroke();<br/><br/>context.lineTo(299, 203);<br/>context.stroke();<br/><br/>context.lineTo(311, 194);<br/>context.stroke();<br/><br/>context.lineTo(328, 172);<br/>context.stroke();<br/><br/>context.lineTo(333, 163);<br/>context.stroke();<br/><br/>context.lineTo(333, 159);<br/>context.stroke();<br/><br/>context.lineTo(332, 158);<br/>context.stroke();<br/><br/>context.lineTo(332, 157);<br/>context.stroke();<br/><br/>context.lineTo(332, 156);<br/>context.stroke();<br/><br/>context.lineTo(332, 156);<br/>context.stroke();<br/><br/>context.lineTo(331, 162);<br/>context.stroke();<br/><br/>context.lineTo(331, 172);<br/>context.stroke();<br/><br/>context.lineTo(332, 182);<br/>context.stroke();<br/><br/>context.lineTo(334, 189);<br/>context.stroke();<br/><br/>context.lineTo(335, 196);<br/>context.stroke();<br/><br/>context.lineTo(336, 202);<br/>context.stroke();<br/><br/>context.lineTo(336, 205);<br/>context.stroke();<br/><br/>context.lineTo(336, 206);<br/>context.stroke();<br/><br/>context.lineTo(336, 206);<br/>context.stroke();<br/><br/>context.lineTo(337, 206);<br/>context.stroke();<br/><br/>context.lineTo(337, 206);<br/>context.stroke();<br/><br/>context.lineTo(337, 206);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(364, 147);<br/><br/>context.lineTo(362, 153);<br/>context.stroke();<br/><br/>context.lineTo(364, 157);<br/>context.stroke();<br/><br/>context.lineTo(369, 164);<br/>context.stroke();<br/><br/>context.lineTo(375, 167);<br/>context.stroke();<br/><br/>context.lineTo(379, 171);<br/>context.stroke();<br/><br/>context.lineTo(380, 181);<br/>context.stroke();<br/><br/>context.lineTo(371, 194);<br/>context.stroke();<br/><br/>context.lineTo(355, 205);<br/>context.stroke();<br/><br/>context.lineTo(339, 207);<br/>context.stroke();<br/><br/>context.lineTo(336, 206);<br/>context.stroke();<br/><br/>context.lineTo(336, 206);<br/>context.stroke();<br/><br/>context.lineTo(347, 202);<br/>context.stroke();<br/><br/>context.lineTo(361, 200);<br/>context.stroke();<br/><br/>context.lineTo(361, 200);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(427, 210);<br/><br/>context.lineTo(427, 209);<br/>context.stroke();<br/><br/>context.lineTo(427, 206);<br/>context.stroke();<br/><br/>context.lineTo(427, 204);<br/>context.stroke();<br/><br/>context.lineTo(427, 197);<br/>context.stroke();<br/><br/>context.lineTo(427, 173);<br/>context.stroke();<br/><br/>context.lineTo(424, 141);<br/>context.stroke();<br/><br/>context.lineTo(422, 127);<br/>context.stroke();<br/><br/>context.lineTo(422, 124);<br/>context.stroke();<br/><br/>context.lineTo(422, 123);<br/>context.stroke();<br/><br/>context.lineTo(426, 132);<br/>context.stroke();<br/><br/>context.lineTo(439, 156);<br/>context.stroke();<br/><br/>context.lineTo(457, 195);<br/>context.stroke();<br/><br/>context.lineTo(468, 215);<br/>context.stroke();<br/><br/>context.lineTo(478, 232);<br/>context.stroke();<br/><br/>context.lineTo(486, 239);<br/>context.stroke();<br/><br/>context.lineTo(491, 241);<br/>context.stroke();<br/><br/>context.lineTo(493, 239);<br/>context.stroke();<br/><br/>context.lineTo(496, 222);<br/>context.stroke();<br/><br/>context.lineTo(491, 194);<br/>context.stroke();<br/><br/>context.lineTo(489, 187);<br/>context.stroke();<br/><br/>context.lineTo(479, 165);<br/>context.stroke();<br/><br/>context.lineTo(471, 151);<br/>context.stroke();<br/><br/>context.lineTo(467, 143);<br/>context.stroke();<br/><br/>context.lineTo(465, 140);<br/>context.stroke();<br/><br/>context.lineTo(464, 139);<br/>context.stroke();<br/><br/>context.lineTo(464, 139);<br/>context.stroke();<br/><br/>context.lineTo(465, 140);<br/>context.stroke();<br/><br/>context.lineTo(476, 157);<br/>context.stroke();<br/><br/>context.lineTo(488, 174);<br/>context.stroke();<br/><br/>context.lineTo(500, 197);<br/>context.stroke();<br/><br/>context.lineTo(506, 208);<br/>context.stroke();<br/><br/>context.lineTo(507, 210);<br/>context.stroke();<br/><br/>context.lineTo(507, 210);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(529, 183);<br/><br/>context.lineTo(535, 217);<br/>context.stroke();<br/><br/>context.lineTo(519, 230);<br/>context.stroke();<br/><br/>context.lineTo(496, 213);<br/>context.stroke();<br/><br/>context.lineTo(484, 178);<br/>context.stroke();<br/><br/>context.lineTo(489, 170);<br/>context.stroke();<br/><br/>context.lineTo(503, 170);<br/>context.stroke();<br/><br/>context.lineTo(521, 200);<br/>context.stroke();<br/><br/>context.lineTo(520, 224);<br/>context.stroke();<br/><br/>context.lineTo(510, 214);<br/>context.stroke();<br/><br/>context.lineTo(505, 194);<br/>context.stroke();<br/><br/>context.lineTo(505, 185);<br/>context.stroke();<br/><br/>context.lineTo(504, 167);<br/>context.stroke();<br/><br/>context.lineTo(506, 151);<br/>context.stroke();<br/><br/>context.lineTo(508, 147);<br/>context.stroke();<br/><br/>context.lineTo(511, 147);<br/>context.stroke();<br/><br/>context.lineTo(515, 153);<br/>context.stroke();<br/><br/>context.lineTo(515, 170);<br/>context.stroke();<br/><br/>context.lineTo(512, 180);<br/>context.stroke();<br/><br/>context.lineTo(510, 182);<br/>context.stroke();<br/><br/>context.lineTo(507, 179);<br/>context.stroke();<br/><br/>context.lineTo(505, 162);<br/>context.stroke();<br/><br/>context.lineTo(513, 129);<br/>context.stroke();<br/><br/>context.lineTo(528, 75);<br/>context.stroke();<br/><br/>context.lineTo(530, 54);<br/>context.stroke();<br/><br/>context.lineTo(529, 48);<br/>context.stroke();<br/><br/>context.lineTo(527, 45);<br/>context.stroke();<br/><br/>context.lineTo(522, 44);<br/>context.stroke();<br/><br/>context.lineTo(508, 46);<br/>context.stroke();<br/><br/>context.lineTo(488, 51);<br/>context.stroke();<br/><br/>context.lineTo(467, 55);<br/>context.stroke();<br/><br/>context.lineTo(445, 55);<br/>context.stroke();<br/><br/>context.lineTo(430, 55);<br/>context.stroke();<br/><br/>context.lineTo(409, 55);<br/>context.stroke();<br/><br/>context.lineTo(392, 60);<br/>context.stroke();<br/><br/>context.lineTo(377, 71);<br/>context.stroke();<br/><br/>context.lineTo(365, 79);<br/>context.stroke();<br/><br/>context.lineTo(361, 81);<br/>context.stroke();<br/><br/>context.lineTo(360, 82);<br/>context.stroke();<br/><br/>context.lineTo(357, 85);<br/>context.stroke();<br/><br/>context.lineTo(344, 118);<br/>context.stroke();<br/><br/>context.lineTo(335, 164);<br/>context.stroke();<br/><br/>context.lineTo(329, 218);<br/>context.stroke();<br/><br/>context.lineTo(324, 257);<br/>context.stroke();<br/><br/>context.lineTo(316, 269);<br/>context.stroke();<br/><br/>context.lineTo(303, 276);<br/>context.stroke();<br/><br/>context.lineTo(282, 278);<br/>context.stroke();<br/><br/>context.lineTo(244, 253);<br/>context.stroke();<br/><br/>context.lineTo(212, 219);<br/>context.stroke();<br/><br/>context.lineTo(187, 165);<br/>context.stroke();<br/><br/>context.lineTo(188, 132);<br/>context.stroke();<br/><br/>context.lineTo(192, 125);<br/>context.stroke();<br/><br/>context.lineTo(201, 120);<br/>context.stroke();<br/><br/>context.lineTo(222, 131);<br/>context.stroke();<br/><br/>context.lineTo(271, 203);<br/>context.stroke();<br/><br/>context.lineTo(299, 303);<br/>context.stroke();<br/><br/>context.lineTo(302, 354);<br/>context.stroke();<br/><br/>context.lineTo(299, 363);<br/>context.stroke();<br/><br/>context.lineTo(293, 360);<br/>context.stroke();<br/><br/>context.lineTo(257, 272);<br/>context.stroke();<br/><br/>context.lineTo(262, 230);<br/>context.stroke();<br/><br/>context.lineTo(277, 211);<br/>context.stroke();<br/><br/>context.lineTo(366, 218);<br/>context.stroke();<br/><br/>context.lineTo(439, 266);<br/>context.stroke();<br/><br/>context.lineTo(511, 363);<br/>context.stroke();<br/><br/>context.lineTo(514, 363);<br/>context.stroke();<br/><br/>context.lineTo(510, 352);<br/>context.stroke();<br/><br/>context.lineTo(503, 281);<br/>context.stroke();<br/><br/>context.lineTo(503, 263);<br/>context.stroke();<br/><br/>context.lineTo(503, 260);<br/>context.stroke();<br/><br/>context.lineTo(503, 259);<br/>context.stroke();<br/><br/>context.lineTo(503, 259);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>