&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(229, 68);<br/><br/>context.lineTo(203, 80);<br/>context.stroke();<br/><br/>context.lineTo(145, 110);<br/>context.stroke();<br/><br/>context.lineTo(131, 122);<br/>context.stroke();<br/><br/>context.lineTo(122, 128);<br/>context.stroke();<br/><br/>context.lineTo(121, 130);<br/>context.stroke();<br/><br/>context.lineTo(120, 132);<br/>context.stroke();<br/><br/>context.lineTo(120, 136);<br/>context.stroke();<br/><br/>context.lineTo(120, 142);<br/>context.stroke();<br/><br/>context.lineTo(125, 149);<br/>context.stroke();<br/><br/>context.lineTo(131, 156);<br/>context.stroke();<br/><br/>context.lineTo(140, 162);<br/>context.stroke();<br/><br/>context.lineTo(154, 168);<br/>context.stroke();<br/><br/>context.lineTo(165, 172);<br/>context.stroke();<br/><br/>context.lineTo(171, 172);<br/>context.stroke();<br/><br/>context.lineTo(182, 175);<br/>context.stroke();<br/><br/>context.lineTo(239, 180);<br/>context.stroke();<br/><br/>context.lineTo(280, 180);<br/>context.stroke();<br/><br/>context.lineTo(307, 180);<br/>context.stroke();<br/><br/>context.lineTo(311, 180);<br/>context.stroke();<br/><br/>context.lineTo(312, 180);<br/>context.stroke();<br/><br/>context.lineTo(312, 182);<br/>context.stroke();<br/><br/>context.lineTo(309, 188);<br/>context.stroke();<br/><br/>context.lineTo(295, 212);<br/>context.stroke();<br/><br/>context.lineTo(282, 232);<br/>context.stroke();<br/><br/>context.lineTo(271, 252);<br/>context.stroke();<br/><br/>context.lineTo(267, 268);<br/>context.stroke();<br/><br/>context.lineTo(265, 282);<br/>context.stroke();<br/><br/>context.lineTo(267, 291);<br/>context.stroke();<br/><br/>context.lineTo(277, 306);<br/>context.stroke();<br/><br/>context.lineTo(294, 313);<br/>context.stroke();<br/><br/>context.lineTo(320, 314);<br/>context.stroke();<br/><br/>context.lineTo(337, 312);<br/>context.stroke();<br/><br/>context.lineTo(345, 307);<br/>context.stroke();<br/><br/>context.lineTo(350, 301);<br/>context.stroke();<br/><br/>context.lineTo(359, 290);<br/>context.stroke();<br/><br/>context.lineTo(370, 276);<br/>context.stroke();<br/><br/>context.lineTo(380, 254);<br/>context.stroke();<br/><br/>context.lineTo(383, 233);<br/>context.stroke();<br/><br/>context.lineTo(375, 213);<br/>context.stroke();<br/><br/>context.lineTo(361, 202);<br/>context.stroke();<br/><br/>context.lineTo(352, 196);<br/>context.stroke();<br/><br/>context.lineTo(350, 192);<br/>context.stroke();<br/><br/>context.lineTo(355, 181);<br/>context.stroke();<br/><br/>context.lineTo(366, 170);<br/>context.stroke();<br/><br/>context.lineTo(372, 156);<br/>context.stroke();<br/><br/>context.lineTo(372, 146);<br/>context.stroke();<br/><br/>context.lineTo(354, 130);<br/>context.stroke();<br/><br/>context.lineTo(279, 110);<br/>context.stroke();<br/><br/>context.lineTo(257, 107);<br/>context.stroke();<br/><br/>context.lineTo(257, 106);<br/>context.stroke();<br/><br/>context.lineTo(267, 101);<br/>context.stroke();<br/><br/>context.lineTo(273, 95);<br/>context.stroke();<br/><br/>context.lineTo(273, 93);<br/>context.stroke();<br/><br/>context.lineTo(270, 86);<br/>context.stroke();<br/><br/>context.lineTo(265, 82);<br/>context.stroke();<br/><br/>context.lineTo(264, 80);<br/>context.stroke();<br/><br/>context.lineTo(264, 78);<br/>context.stroke();<br/><br/>context.lineTo(264, 76);<br/>context.stroke();<br/><br/>context.lineTo(258, 68);<br/>context.stroke();<br/><br/>context.lineTo(242, 61);<br/>context.stroke();<br/><br/>context.lineTo(232, 61);<br/>context.stroke();<br/><br/>context.lineTo(227, 61);<br/>context.stroke();<br/><br/>context.lineTo(224, 62);<br/>context.stroke();<br/><br/>context.lineTo(223, 63);<br/>context.stroke();<br/><br/>context.lineTo(223, 66);<br/>context.stroke();<br/><br/>context.lineTo(223, 67);<br/>context.stroke();<br/><br/>context.lineTo(223, 68);<br/>context.stroke();<br/><br/>context.lineTo(235, 68);<br/>context.stroke();<br/><br/>context.lineTo(235, 68);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(379, 72);<br/><br/>context.lineTo(378, 77);<br/>context.stroke();<br/><br/>context.lineTo(336, 102);<br/>context.stroke();<br/><br/>context.lineTo(328, 104);<br/>context.stroke();<br/><br/>context.lineTo(330, 104);<br/>context.stroke();<br/><br/>context.lineTo(365, 97);<br/>context.stroke();<br/><br/>context.lineTo(377, 95);<br/>context.stroke();<br/><br/>context.lineTo(378, 95);<br/>context.stroke();<br/><br/>context.lineTo(372, 105);<br/>context.stroke();<br/><br/>context.lineTo(370, 105);<br/>context.stroke();<br/><br/>context.lineTo(373, 105);<br/>context.stroke();<br/><br/>context.lineTo(381, 104);<br/>context.stroke();<br/><br/>context.lineTo(379, 106);<br/>context.stroke();<br/><br/>context.lineTo(357, 117);<br/>context.stroke();<br/><br/>context.lineTo(359, 117);<br/>context.stroke();<br/><br/>context.lineTo(395, 117);<br/>context.stroke();<br/><br/>context.lineTo(392, 123);<br/>context.stroke();<br/><br/>context.lineTo(385, 127);<br/>context.stroke();<br/><br/>context.lineTo(402, 134);<br/>context.stroke();<br/><br/>context.lineTo(417, 136);<br/>context.stroke();<br/><br/>context.lineTo(410, 143);<br/>context.stroke();<br/><br/>context.lineTo(406, 144);<br/>context.stroke();<br/><br/>context.lineTo(405, 145);<br/>context.stroke();<br/><br/>context.lineTo(404, 150);<br/>context.stroke();<br/><br/>context.lineTo(400, 154);<br/>context.stroke();<br/><br/>context.lineTo(409, 164);<br/>context.stroke();<br/><br/>context.lineTo(421, 167);<br/>context.stroke();<br/><br/>context.lineTo(396, 170);<br/>context.stroke();<br/><br/>context.lineTo(390, 171);<br/>context.stroke();<br/><br/>context.lineTo(389, 172);<br/>context.stroke();<br/><br/>context.lineTo(388, 179);<br/>context.stroke();<br/><br/>context.lineTo(382, 182);<br/>context.stroke();<br/><br/>context.lineTo(390, 190);<br/>context.stroke();<br/><br/>context.lineTo(381, 199);<br/>context.stroke();<br/><br/>context.lineTo(371, 201);<br/>context.stroke();<br/><br/>context.lineTo(387, 207);<br/>context.stroke();<br/><br/>context.lineTo(388, 208);<br/>context.stroke();<br/><br/>context.lineTo(392, 210);<br/>context.stroke();<br/><br/>context.lineTo(407, 218);<br/>context.stroke();<br/><br/>context.lineTo(405, 225);<br/>context.stroke();<br/><br/>context.lineTo(401, 227);<br/>context.stroke();<br/><br/>context.lineTo(401, 231);<br/>context.stroke();<br/><br/>context.lineTo(401, 241);<br/>context.stroke();<br/><br/>context.lineTo(401, 257);<br/>context.stroke();<br/><br/>context.lineTo(401, 269);<br/>context.stroke();<br/><br/>context.lineTo(400, 276);<br/>context.stroke();<br/><br/>context.lineTo(394, 286);<br/>context.stroke();<br/><br/>context.lineTo(382, 300);<br/>context.stroke();<br/><br/>context.lineTo(374, 311);<br/>context.stroke();<br/><br/>context.lineTo(363, 314);<br/>context.stroke();<br/><br/>context.lineTo(361, 314);<br/>context.stroke();<br/><br/>context.lineTo(360, 315);<br/>context.stroke();<br/><br/>context.lineTo(360, 315);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(189, 73);<br/><br/>context.lineTo(196, 61);<br/>context.stroke();<br/><br/>context.lineTo(224, 27);<br/>context.stroke();<br/><br/>context.lineTo(267, 5);<br/>context.stroke();<br/><br/>context.lineTo(310, 6);<br/>context.stroke();<br/><br/>context.lineTo(404, 20);<br/>context.stroke();<br/><br/>context.lineTo(421, 24);<br/>context.stroke();<br/><br/>context.lineTo(459, 45);<br/>context.stroke();<br/><br/>context.lineTo(475, 74);<br/>context.stroke();<br/><br/>context.lineTo(480, 102);<br/>context.stroke();<br/><br/>context.lineTo(482, 136);<br/>context.stroke();<br/><br/>context.lineTo(481, 162);<br/>context.stroke();<br/><br/>context.lineTo(472, 200);<br/>context.stroke();<br/><br/>context.lineTo(454, 235);<br/>context.stroke();<br/><br/>context.lineTo(431, 267);<br/>context.stroke();<br/><br/>context.lineTo(413, 284);<br/>context.stroke();<br/><br/>context.lineTo(380, 309);<br/>context.stroke();<br/><br/>context.lineTo(380, 309);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(310, 63);<br/><br/>context.lineTo(329, 52);<br/>context.stroke();<br/><br/>context.lineTo(361, 45);<br/>context.stroke();<br/><br/>context.lineTo(362, 45);<br/>context.stroke();<br/><br/>context.lineTo(369, 45);<br/>context.stroke();<br/><br/>context.lineTo(370, 45);<br/>context.stroke();<br/><br/>context.lineTo(366, 53);<br/>context.stroke();<br/><br/>context.lineTo(347, 59);<br/>context.stroke();<br/><br/>context.lineTo(337, 62);<br/>context.stroke();<br/><br/>context.lineTo(328, 68);<br/>context.stroke();<br/><br/>context.lineTo(299, 82);<br/>context.stroke();<br/><br/>context.lineTo(299, 81);<br/>context.stroke();<br/><br/>context.lineTo(300, 71);<br/>context.stroke();<br/><br/>context.lineTo(306, 68);<br/>context.stroke();<br/><br/>context.lineTo(312, 66);<br/>context.stroke();<br/><br/>context.lineTo(313, 66);<br/>context.stroke();<br/><br/>context.lineTo(313, 66);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(321, 59);<br/><br/>context.lineTo(322, 60);<br/>context.stroke();<br/><br/>context.lineTo(325, 63);<br/>context.stroke();<br/><br/>context.lineTo(326, 63);<br/>context.stroke();<br/><br/>context.lineTo(331, 56);<br/>context.stroke();<br/><br/>context.lineTo(332, 54);<br/>context.stroke();<br/><br/>context.lineTo(331, 53);<br/>context.stroke();<br/><br/>context.lineTo(326, 55);<br/>context.stroke();<br/><br/>context.lineTo(326, 55);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(164, 173);<br/><br/>context.lineTo(144, 174);<br/>context.stroke();<br/><br/>context.lineTo(143, 175);<br/>context.stroke();<br/><br/>context.lineTo(141, 177);<br/>context.stroke();<br/><br/>context.lineTo(142, 178);<br/>context.stroke();<br/><br/>context.lineTo(157, 185);<br/>context.stroke();<br/><br/>context.lineTo(160, 185);<br/>context.stroke();<br/><br/>context.lineTo(179, 188);<br/>context.stroke();<br/><br/>context.lineTo(189, 191);<br/>context.stroke();<br/><br/>context.lineTo(199, 192);<br/>context.stroke();<br/><br/>context.lineTo(212, 194);<br/>context.stroke();<br/><br/>context.lineTo(224, 197);<br/>context.stroke();<br/><br/>context.lineTo(234, 197);<br/>context.stroke();<br/><br/>context.lineTo(256, 198);<br/>context.stroke();<br/><br/>context.lineTo(258, 198);<br/>context.stroke();<br/><br/>context.lineTo(272, 198);<br/>context.stroke();<br/><br/>context.lineTo(281, 198);<br/>context.stroke();<br/><br/>context.lineTo(283, 197);<br/>context.stroke();<br/><br/>context.lineTo(293, 196);<br/>context.stroke();<br/><br/>context.lineTo(294, 196);<br/>context.stroke();<br/><br/>context.lineTo(300, 196);<br/>context.stroke();<br/><br/>context.lineTo(300, 194);<br/>context.stroke();<br/><br/>context.lineTo(298, 193);<br/>context.stroke();<br/><br/>context.lineTo(298, 193);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(140, 178);<br/><br/>context.lineTo(140, 179);<br/>context.stroke();<br/><br/>context.lineTo(146, 187);<br/>context.stroke();<br/><br/>context.lineTo(153, 192);<br/>context.stroke();<br/><br/>context.lineTo(157, 194);<br/>context.stroke();<br/><br/>context.lineTo(163, 196);<br/>context.stroke();<br/><br/>context.lineTo(175, 198);<br/>context.stroke();<br/><br/>context.lineTo(186, 201);<br/>context.stroke();<br/><br/>context.lineTo(202, 206);<br/>context.stroke();<br/><br/>context.lineTo(222, 209);<br/>context.stroke();<br/><br/>context.lineTo(235, 210);<br/>context.stroke();<br/><br/>context.lineTo(253, 210);<br/>context.stroke();<br/><br/>context.lineTo(275, 210);<br/>context.stroke();<br/><br/>context.lineTo(281, 210);<br/>context.stroke();<br/><br/>context.lineTo(282, 210);<br/>context.stroke();<br/><br/>context.lineTo(289, 210);<br/>context.stroke();<br/><br/>context.lineTo(288, 211);<br/>context.stroke();<br/><br/>context.lineTo(278, 213);<br/>context.stroke();<br/><br/>context.lineTo(262, 217);<br/>context.stroke();<br/><br/>context.lineTo(261, 217);<br/>context.stroke();<br/><br/>context.lineTo(241, 217);<br/>context.stroke();<br/><br/>context.lineTo(234, 217);<br/>context.stroke();<br/><br/>context.lineTo(233, 217);<br/>context.stroke();<br/><br/>context.lineTo(230, 217);<br/>context.stroke();<br/><br/>context.lineTo(229, 222);<br/>context.stroke();<br/><br/>context.lineTo(228, 227);<br/>context.stroke();<br/><br/>context.lineTo(227, 229);<br/>context.stroke();<br/><br/>context.lineTo(226, 230);<br/>context.stroke();<br/><br/>context.lineTo(226, 236);<br/>context.stroke();<br/><br/>context.lineTo(225, 242);<br/>context.stroke();<br/><br/>context.lineTo(223, 254);<br/>context.stroke();<br/><br/>context.lineTo(223, 258);<br/>context.stroke();<br/><br/>context.lineTo(222, 264);<br/>context.stroke();<br/><br/>context.lineTo(222, 267);<br/>context.stroke();<br/><br/>context.lineTo(223, 270);<br/>context.stroke();<br/><br/>context.lineTo(224, 273);<br/>context.stroke();<br/><br/>context.lineTo(226, 278);<br/>context.stroke();<br/><br/>context.lineTo(229, 282);<br/>context.stroke();<br/><br/>context.lineTo(231, 284);<br/>context.stroke();<br/><br/>context.lineTo(235, 288);<br/>context.stroke();<br/><br/>context.lineTo(236, 289);<br/>context.stroke();<br/><br/>context.lineTo(236, 290);<br/>context.stroke();<br/><br/>context.lineTo(239, 295);<br/>context.stroke();<br/><br/>context.lineTo(241, 297);<br/>context.stroke();<br/><br/>context.lineTo(247, 304);<br/>context.stroke();<br/><br/>context.lineTo(251, 313);<br/>context.stroke();<br/><br/>context.lineTo(256, 316);<br/>context.stroke();<br/><br/>context.lineTo(261, 320);<br/>context.stroke();<br/><br/>context.lineTo(261, 321);<br/>context.stroke();<br/><br/>context.lineTo(261, 323);<br/>context.stroke();<br/><br/>context.lineTo(263, 324);<br/>context.stroke();<br/><br/>context.lineTo(296, 334);<br/>context.stroke();<br/><br/>context.lineTo(310, 337);<br/>context.stroke();<br/><br/>context.lineTo(340, 344);<br/>context.stroke();<br/><br/>context.lineTo(341, 344);<br/>context.stroke();<br/><br/>context.lineTo(358, 344);<br/>context.stroke();<br/><br/>context.lineTo(359, 344);<br/>context.stroke();<br/><br/>context.lineTo(360, 344);<br/>context.stroke();<br/><br/>context.lineTo(382, 321);<br/>context.stroke();<br/><br/>context.lineTo(388, 314);<br/>context.stroke();<br/><br/>context.lineTo(390, 314);<br/>context.stroke();<br/><br/>context.lineTo(417, 319);<br/>context.stroke();<br/><br/>context.lineTo(417, 319);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(223, 267);<br/><br/>context.lineTo(218, 267);<br/>context.stroke();<br/><br/>context.lineTo(209, 275);<br/>context.stroke();<br/><br/>context.lineTo(202, 291);<br/>context.stroke();<br/><br/>context.lineTo(194, 322);<br/>context.stroke();<br/><br/>context.lineTo(190, 351);<br/>context.stroke();<br/><br/>context.lineTo(204, 387);<br/>context.stroke();<br/><br/>context.lineTo(230, 418);<br/>context.stroke();<br/><br/>context.lineTo(325, 438);<br/>context.stroke();<br/><br/>context.lineTo(397, 444);<br/>context.stroke();<br/><br/>context.lineTo(429, 441);<br/>context.stroke();<br/><br/>context.lineTo(449, 433);<br/>context.stroke();<br/><br/>context.lineTo(490, 407);<br/>context.stroke();<br/><br/>context.lineTo(538, 332);<br/>context.stroke();<br/><br/>context.lineTo(544, 273);<br/>context.stroke();<br/><br/>context.lineTo(551, 235);<br/>context.stroke();<br/><br/>context.lineTo(557, 199);<br/>context.stroke();<br/><br/>context.lineTo(556, 199);<br/>context.stroke();<br/><br/>context.lineTo(525, 232);<br/>context.stroke();<br/><br/>context.lineTo(510, 250);<br/>context.stroke();<br/><br/>context.lineTo(491, 258);<br/>context.stroke();<br/><br/>context.lineTo(481, 258);<br/>context.stroke();<br/><br/>context.lineTo(452, 264);<br/>context.stroke();<br/><br/>context.lineTo(433, 270);<br/>context.stroke();<br/><br/>context.lineTo(422, 272);<br/>context.stroke();<br/><br/>context.lineTo(421, 273);<br/>context.stroke();<br/><br/>context.lineTo(431, 281);<br/>context.stroke();<br/><br/>context.lineTo(448, 284);<br/>context.stroke();<br/><br/>context.lineTo(488, 289);<br/>context.stroke();<br/><br/>context.lineTo(503, 292);<br/>context.stroke();<br/><br/>context.lineTo(513, 303);<br/>context.stroke();<br/><br/>context.lineTo(513, 321);<br/>context.stroke();<br/><br/>context.lineTo(492, 346);<br/>context.stroke();<br/><br/>context.lineTo(467, 368);<br/>context.stroke();<br/><br/>context.lineTo(436, 385);<br/>context.stroke();<br/><br/>context.lineTo(415, 396);<br/>context.stroke();<br/><br/>context.lineTo(411, 396);<br/>context.stroke();<br/><br/>context.lineTo(404, 382);<br/>context.stroke();<br/><br/>context.lineTo(405, 357);<br/>context.stroke();<br/><br/>context.lineTo(412, 330);<br/>context.stroke();<br/><br/>context.lineTo(422, 306);<br/>context.stroke();<br/><br/>context.lineTo(429, 289);<br/>context.stroke();<br/><br/>context.lineTo(429, 289);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(205, 262);<br/><br/>context.lineTo(184, 277);<br/>context.stroke();<br/><br/>context.lineTo(144, 297);<br/>context.stroke();<br/><br/>context.lineTo(139, 315);<br/>context.stroke();<br/><br/>context.lineTo(141, 322);<br/>context.stroke();<br/><br/>context.lineTo(146, 324);<br/>context.stroke();<br/><br/>context.lineTo(164, 317);<br/>context.stroke();<br/><br/>context.lineTo(175, 309);<br/>context.stroke();<br/><br/>context.lineTo(178, 309);<br/>context.stroke();<br/><br/>context.lineTo(180, 309);<br/>context.stroke();<br/><br/>context.lineTo(180, 309);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(213, 43);<br/><br/>context.lineTo(211, 53);<br/>context.stroke();<br/><br/>context.lineTo(212, 53);<br/>context.stroke();<br/><br/>context.lineTo(214, 53);<br/>context.stroke();<br/><br/>context.lineTo(215, 53);<br/>context.stroke();<br/><br/>context.lineTo(216, 53);<br/>context.stroke();<br/><br/>context.lineTo(216, 53);<br/>context.stroke();<br/><br/>context.lineWidth = 6;<br/><br/>context.lineWidth = 7;<br/><br/>context.strokeStyle = '#000000';<br/>context.strokeRect(93, 24, 382, 354);<br/><br/>context.lineWidth = 6;<br/><br/>context.lineWidth = 5;<br/><br/>context.lineWidth = 4;<br/><br/>context.lineWidth = 2;<br/><br/>context.lineWidth = 1;<br/><br/>context.lineWidth = 2;<br/><br/>context.lineWidth = 3;<br/><br/>context.lineWidth = 4;<br/><br/>context.lineWidth = 5;<br/><br/>context.lineWidth = 7;<br/><br/>context.lineWidth = 8;<br/><br/>context.lineWidth = 9;<br/><br/>context.lineWidth = 10;<br/><br/>context.lineWidth = 11;<br/><br/>context.lineWidth = 12;<br/><br/>context.lineWidth = 13;<br/><br/>context.lineWidth = 14;<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>