&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 = 6;<br/><br/>context.lineWidth = 7;<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.lineWidth = 3;<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 = 4;<br/><br/>context.lineWidth = 3;<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 = 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 = 11;<br/><br/>context.lineWidth = 12;<br/><br/>context.lineWidth = 13;<br/><br/>context.lineWidth = 12;<br/><br/>context.lineWidth = 11;<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.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(305, 95);<br/><br/>context.lineTo(305, 96);<br/>context.stroke();<br/><br/>context.lineTo(311, 159);<br/>context.stroke();<br/><br/>context.lineTo(312, 179);<br/>context.stroke();<br/><br/>context.lineTo(313, 199);<br/>context.stroke();<br/><br/>context.lineTo(313, 217);<br/>context.stroke();<br/><br/>context.lineTo(313, 237);<br/>context.stroke();<br/><br/>context.lineTo(313, 248);<br/>context.stroke();<br/><br/>context.lineTo(312, 258);<br/>context.stroke();<br/><br/>context.lineTo(312, 265);<br/>context.stroke();<br/><br/>context.lineTo(311, 269);<br/>context.stroke();<br/><br/>context.lineTo(310, 272);<br/>context.stroke();<br/><br/>context.lineTo(310, 275);<br/>context.stroke();<br/><br/>context.lineTo(310, 276);<br/>context.stroke();<br/><br/>context.lineTo(309, 276);<br/>context.stroke();<br/><br/>context.lineTo(309, 276);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(287, 123);<br/><br/>context.lineTo(293, 121);<br/>context.stroke();<br/><br/>context.lineTo(299, 120);<br/>context.stroke();<br/><br/>context.lineTo(310, 117);<br/>context.stroke();<br/><br/>context.lineTo(313, 117);<br/>context.stroke();<br/><br/>context.lineTo(315, 117);<br/>context.stroke();<br/><br/>context.lineTo(319, 117);<br/>context.stroke();<br/><br/>context.lineTo(323, 118);<br/>context.stroke();<br/><br/>context.lineTo(328, 120);<br/>context.stroke();<br/><br/>context.lineTo(334, 123);<br/>context.stroke();<br/><br/>context.lineTo(340, 128);<br/>context.stroke();<br/><br/>context.lineTo(346, 136);<br/>context.stroke();<br/><br/>context.lineTo(351, 144);<br/>context.stroke();<br/><br/>context.lineTo(355, 160);<br/>context.stroke();<br/><br/>context.lineTo(355, 172);<br/>context.stroke();<br/><br/>context.lineTo(355, 186);<br/>context.stroke();<br/><br/>context.lineTo(355, 201);<br/>context.stroke();<br/><br/>context.lineTo(352, 211);<br/>context.stroke();<br/><br/>context.lineTo(350, 218);<br/>context.stroke();<br/><br/>context.lineTo(346, 225);<br/>context.stroke();<br/><br/>context.lineTo(342, 232);<br/>context.stroke();<br/><br/>context.lineTo(336, 237);<br/>context.stroke();<br/><br/>context.lineTo(329, 243);<br/>context.stroke();<br/><br/>context.lineTo(315, 252);<br/>context.stroke();<br/><br/>context.lineTo(302, 258);<br/>context.stroke();<br/><br/>context.lineTo(291, 264);<br/>context.stroke();<br/><br/>context.lineTo(271, 270);<br/>context.stroke();<br/><br/>context.lineTo(254, 273);<br/>context.stroke();<br/><br/>context.lineTo(238, 273);<br/>context.stroke();<br/><br/>context.lineTo(207, 267);<br/>context.stroke();<br/><br/>context.lineTo(184, 254);<br/>context.stroke();<br/><br/>context.lineTo(159, 235);<br/>context.stroke();<br/><br/>context.lineTo(145, 214);<br/>context.stroke();<br/><br/>context.lineTo(140, 194);<br/>context.stroke();<br/><br/>context.lineTo(139, 181);<br/>context.stroke();<br/><br/>context.lineTo(139, 170);<br/>context.stroke();<br/><br/>context.lineTo(141, 160);<br/>context.stroke();<br/><br/>context.lineTo(147, 152);<br/>context.stroke();<br/><br/>context.lineTo(158, 139);<br/>context.stroke();<br/><br/>context.lineTo(168, 130);<br/>context.stroke();<br/><br/>context.lineTo(176, 125);<br/>context.stroke();<br/><br/>context.lineTo(184, 121);<br/>context.stroke();<br/><br/>context.lineTo(191, 120);<br/>context.stroke();<br/><br/>context.lineTo(194, 119);<br/>context.stroke();<br/><br/>context.lineTo(198, 119);<br/>context.stroke();<br/><br/>context.lineTo(204, 119);<br/>context.stroke();<br/><br/>context.lineTo(213, 120);<br/>context.stroke();<br/><br/>context.lineTo(223, 123);<br/>context.stroke();<br/><br/>context.lineTo(236, 128);<br/>context.stroke();<br/><br/>context.lineTo(252, 136);<br/>context.stroke();<br/><br/>context.lineTo(259, 139);<br/>context.stroke();<br/><br/>context.lineTo(263, 141);<br/>context.stroke();<br/><br/>context.lineTo(264, 142);<br/>context.stroke();<br/><br/>context.lineTo(266, 143);<br/>context.stroke();<br/><br/>context.lineTo(266, 144);<br/>context.stroke();<br/><br/>context.lineTo(267, 144);<br/>context.stroke();<br/><br/>context.lineTo(267, 144);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(264, 87);<br/><br/>context.lineTo(261, 87);<br/>context.stroke();<br/><br/>context.lineTo(255, 85);<br/>context.stroke();<br/><br/>context.lineTo(250, 84);<br/>context.stroke();<br/><br/>context.lineTo(246, 83);<br/>context.stroke();<br/><br/>context.lineTo(242, 82);<br/>context.stroke();<br/><br/>context.lineTo(237, 81);<br/>context.stroke();<br/><br/>context.lineTo(234, 80);<br/>context.stroke();<br/><br/>context.lineTo(229, 80);<br/>context.stroke();<br/><br/>context.lineTo(222, 79);<br/>context.stroke();<br/><br/>context.lineTo(213, 79);<br/>context.stroke();<br/><br/>context.lineTo(205, 79);<br/>context.stroke();<br/><br/>context.lineTo(191, 79);<br/>context.stroke();<br/><br/>context.lineTo(187, 79);<br/>context.stroke();<br/><br/>context.lineTo(172, 79);<br/>context.stroke();<br/><br/>context.lineTo(164, 79);<br/>context.stroke();<br/><br/>context.lineTo(153, 81);<br/>context.stroke();<br/><br/>context.lineTo(144, 83);<br/>context.stroke();<br/><br/>context.lineTo(135, 85);<br/>context.stroke();<br/><br/>context.lineTo(128, 86);<br/>context.stroke();<br/><br/>context.lineTo(120, 88);<br/>context.stroke();<br/><br/>context.lineTo(115, 89);<br/>context.stroke();<br/><br/>context.lineTo(110, 91);<br/>context.stroke();<br/><br/>context.lineTo(106, 92);<br/>context.stroke();<br/><br/>context.lineTo(102, 94);<br/>context.stroke();<br/><br/>context.lineTo(97, 96);<br/>context.stroke();<br/><br/>context.lineTo(91, 99);<br/>context.stroke();<br/><br/>context.lineTo(86, 102);<br/>context.stroke();<br/><br/>context.lineTo(83, 104);<br/>context.stroke();<br/><br/>context.lineTo(79, 107);<br/>context.stroke();<br/><br/>context.lineTo(76, 109);<br/>context.stroke();<br/><br/>context.lineTo(73, 112);<br/>context.stroke();<br/><br/>context.lineTo(71, 115);<br/>context.stroke();<br/><br/>context.lineTo(69, 118);<br/>context.stroke();<br/><br/>context.lineTo(68, 123);<br/>context.stroke();<br/><br/>context.lineTo(66, 128);<br/>context.stroke();<br/><br/>context.lineTo(63, 136);<br/>context.stroke();<br/><br/>context.lineTo(61, 147);<br/>context.stroke();<br/><br/>context.lineTo(56, 163);<br/>context.stroke();<br/><br/>context.lineTo(54, 172);<br/>context.stroke();<br/><br/>context.lineTo(53, 178);<br/>context.stroke();<br/><br/>context.lineTo(52, 185);<br/>context.stroke();<br/><br/>context.lineTo(51, 191);<br/>context.stroke();<br/><br/>context.lineTo(51, 198);<br/>context.stroke();<br/><br/>context.lineTo(51, 205);<br/>context.stroke();<br/><br/>context.lineTo(51, 214);<br/>context.stroke();<br/><br/>context.lineTo(52, 220);<br/>context.stroke();<br/><br/>context.lineTo(53, 225);<br/>context.stroke();<br/><br/>context.lineTo(55, 230);<br/>context.stroke();<br/><br/>context.lineTo(58, 236);<br/>context.stroke();<br/><br/>context.lineTo(60, 241);<br/>context.stroke();<br/><br/>context.lineTo(63, 245);<br/>context.stroke();<br/><br/>context.lineTo(66, 250);<br/>context.stroke();<br/><br/>context.lineTo(69, 252);<br/>context.stroke();<br/><br/>context.lineTo(72, 256);<br/>context.stroke();<br/><br/>context.lineTo(75, 259);<br/>context.stroke();<br/><br/>context.lineTo(79, 262);<br/>context.stroke();<br/><br/>context.lineTo(83, 264);<br/>context.stroke();<br/><br/>context.lineTo(85, 265);<br/>context.stroke();<br/><br/>context.lineTo(88, 267);<br/>context.stroke();<br/><br/>context.lineTo(90, 268);<br/>context.stroke();<br/><br/>context.lineTo(93, 269);<br/>context.stroke();<br/><br/>context.lineTo(98, 272);<br/>context.stroke();<br/><br/>context.lineTo(103, 274);<br/>context.stroke();<br/><br/>context.lineTo(113, 278);<br/>context.stroke();<br/><br/>context.lineTo(126, 283);<br/>context.stroke();<br/><br/>context.lineTo(139, 288);<br/>context.stroke();<br/><br/>context.lineTo(151, 293);<br/>context.stroke();<br/><br/>context.lineTo(161, 298);<br/>context.stroke();<br/><br/>context.lineTo(176, 304);<br/>context.stroke();<br/><br/>context.lineTo(203, 316);<br/>context.stroke();<br/><br/>context.lineTo(216, 321);<br/>context.stroke();<br/><br/>context.lineTo(233, 328);<br/>context.stroke();<br/><br/>context.lineTo(241, 331);<br/>context.stroke();<br/><br/>context.lineTo(249, 334);<br/>context.stroke();<br/><br/>context.lineTo(256, 336);<br/>context.stroke();<br/><br/>context.lineTo(269, 337);<br/>context.stroke();<br/><br/>context.lineTo(279, 337);<br/>context.stroke();<br/><br/>context.lineTo(294, 337);<br/>context.stroke();<br/><br/>context.lineTo(307, 336);<br/>context.stroke();<br/><br/>context.lineTo(319, 334);<br/>context.stroke();<br/><br/>context.lineTo(329, 333);<br/>context.stroke();<br/><br/>context.lineTo(337, 333);<br/>context.stroke();<br/><br/>context.lineTo(349, 330);<br/>context.stroke();<br/><br/>context.lineTo(356, 329);<br/>context.stroke();<br/><br/>context.lineTo(362, 328);<br/>context.stroke();<br/><br/>context.lineTo(367, 328);<br/>context.stroke();<br/><br/>context.lineTo(370, 328);<br/>context.stroke();<br/><br/>context.lineTo(373, 328);<br/>context.stroke();<br/><br/>context.lineTo(374, 328);<br/>context.stroke();<br/><br/>context.lineTo(375, 328);<br/>context.stroke();<br/><br/>context.lineTo(376, 328);<br/>context.stroke();<br/><br/>context.lineTo(378, 329);<br/>context.stroke();<br/><br/>context.lineTo(380, 332);<br/>context.stroke();<br/><br/>context.lineTo(383, 337);<br/>context.stroke();<br/><br/>context.lineTo(384, 343);<br/>context.stroke();<br/><br/>context.lineTo(385, 349);<br/>context.stroke();<br/><br/>context.lineTo(385, 353);<br/>context.stroke();<br/><br/>context.lineTo(385, 360);<br/>context.stroke();<br/><br/>context.lineTo(383, 364);<br/>context.stroke();<br/><br/>context.lineTo(381, 369);<br/>context.stroke();<br/><br/>context.lineTo(378, 374);<br/>context.stroke();<br/><br/>context.lineTo(376, 377);<br/>context.stroke();<br/><br/>context.lineTo(373, 382);<br/>context.stroke();<br/><br/>context.lineTo(370, 385);<br/>context.stroke();<br/><br/>context.lineTo(366, 389);<br/>context.stroke();<br/><br/>context.lineTo(355, 397);<br/>context.stroke();<br/><br/>context.lineTo(345, 404);<br/>context.stroke();<br/><br/>context.lineTo(334, 411);<br/>context.stroke();<br/><br/>context.lineTo(321, 419);<br/>context.stroke();<br/><br/>context.lineTo(309, 424);<br/>context.stroke();<br/><br/>context.lineTo(298, 428);<br/>context.stroke();<br/><br/>context.lineTo(288, 430);<br/>context.stroke();<br/><br/>context.lineTo(276, 431);<br/>context.stroke();<br/><br/>context.lineTo(263, 433);<br/>context.stroke();<br/><br/>context.lineTo(249, 435);<br/>context.stroke();<br/><br/>context.lineTo(233, 435);<br/>context.stroke();<br/><br/>context.lineTo(215, 435);<br/>context.stroke();<br/><br/>context.lineTo(198, 435);<br/>context.stroke();<br/><br/>context.lineTo(180, 435);<br/>context.stroke();<br/><br/>context.lineTo(173, 434);<br/>context.stroke();<br/><br/>context.lineTo(168, 432);<br/>context.stroke();<br/><br/>context.lineTo(163, 432);<br/>context.stroke();<br/><br/>context.lineTo(160, 430);<br/>context.stroke();<br/><br/>context.lineTo(157, 429);<br/>context.stroke();<br/><br/>context.lineTo(155, 429);<br/>context.stroke();<br/><br/>context.lineTo(155, 428);<br/>context.stroke();<br/><br/>context.lineTo(153, 428);<br/>context.stroke();<br/><br/>context.lineTo(153, 428);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(493, 89);<br/><br/>context.lineTo(496, 91);<br/>context.stroke();<br/><br/>context.lineTo(502, 98);<br/>context.stroke();<br/><br/>context.lineTo(508, 110);<br/>context.stroke();<br/><br/>context.lineTo(515, 124);<br/>context.stroke();<br/><br/>context.lineTo(521, 147);<br/>context.stroke();<br/><br/>context.lineTo(524, 164);<br/>context.stroke();<br/><br/>context.lineTo(527, 183);<br/>context.stroke();<br/><br/>context.lineTo(531, 223);<br/>context.stroke();<br/><br/>context.lineTo(532, 244);<br/>context.stroke();<br/><br/>context.lineTo(532, 266);<br/>context.stroke();<br/><br/>context.lineTo(532, 296);<br/>context.stroke();<br/><br/>context.lineTo(532, 319);<br/>context.stroke();<br/><br/>context.lineTo(532, 332);<br/>context.stroke();<br/><br/>context.lineTo(532, 343);<br/>context.stroke();<br/><br/>context.lineTo(532, 357);<br/>context.stroke();<br/><br/>context.lineTo(532, 365);<br/>context.stroke();<br/><br/>context.lineTo(532, 373);<br/>context.stroke();<br/><br/>context.lineTo(532, 381);<br/>context.stroke();<br/><br/>context.lineTo(532, 389);<br/>context.stroke();<br/><br/>context.lineTo(530, 400);<br/>context.stroke();<br/><br/>context.lineTo(529, 405);<br/>context.stroke();<br/><br/>context.lineTo(528, 409);<br/>context.stroke();<br/><br/>context.lineTo(527, 413);<br/>context.stroke();<br/><br/>context.lineTo(527, 416);<br/>context.stroke();<br/><br/>context.lineTo(526, 418);<br/>context.stroke();<br/><br/>context.lineTo(526, 419);<br/>context.stroke();<br/><br/>context.lineTo(525, 419);<br/>context.stroke();<br/><br/>context.lineTo(525, 420);<br/>context.stroke();<br/><br/>context.lineTo(525, 420);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(517, 37);<br/><br/>context.lineTo(515, 37);<br/>context.stroke();<br/><br/>context.lineTo(506, 36);<br/>context.stroke();<br/><br/>context.lineTo(499, 35);<br/>context.stroke();<br/><br/>context.lineTo(489, 35);<br/>context.stroke();<br/><br/>context.lineTo(479, 33);<br/>context.stroke();<br/><br/>context.lineTo(466, 32);<br/>context.stroke();<br/><br/>context.lineTo(450, 30);<br/>context.stroke();<br/><br/>context.lineTo(432, 29);<br/>context.stroke();<br/><br/>context.lineTo(412, 28);<br/>context.stroke();<br/><br/>context.lineTo(393, 27);<br/>context.stroke();<br/><br/>context.lineTo(366, 26);<br/>context.stroke();<br/><br/>context.lineTo(333, 25);<br/>context.stroke();<br/><br/>context.lineTo(317, 25);<br/>context.stroke();<br/><br/>context.lineTo(301, 24);<br/>context.stroke();<br/><br/>context.lineTo(285, 24);<br/>context.stroke();<br/><br/>context.lineTo(270, 24);<br/>context.stroke();<br/><br/>context.lineTo(255, 24);<br/>context.stroke();<br/><br/>context.lineTo(243, 24);<br/>context.stroke();<br/><br/>context.lineTo(232, 24);<br/>context.stroke();<br/><br/>context.lineTo(221, 24);<br/>context.stroke();<br/><br/>context.lineTo(211, 24);<br/>context.stroke();<br/><br/>context.lineTo(204, 24);<br/>context.stroke();<br/><br/>context.lineTo(196, 24);<br/>context.stroke();<br/><br/>context.lineTo(187, 24);<br/>context.stroke();<br/><br/>context.lineTo(180, 24);<br/>context.stroke();<br/><br/>context.lineTo(173, 24);<br/>context.stroke();<br/><br/>context.lineTo(160, 25);<br/>context.stroke();<br/><br/>context.lineTo(155, 25);<br/>context.stroke();<br/><br/>context.lineTo(149, 26);<br/>context.stroke();<br/><br/>context.lineTo(146, 27);<br/>context.stroke();<br/><br/>context.lineTo(142, 27);<br/>context.stroke();<br/><br/>context.lineTo(138, 27);<br/>context.stroke();<br/><br/>context.lineTo(135, 28);<br/>context.stroke();<br/><br/>context.lineTo(129, 30);<br/>context.stroke();<br/><br/>context.lineTo(125, 30);<br/>context.stroke();<br/><br/>context.lineTo(116, 32);<br/>context.stroke();<br/><br/>context.lineTo(111, 34);<br/>context.stroke();<br/><br/>context.lineTo(107, 35);<br/>context.stroke();<br/><br/>context.lineTo(104, 37);<br/>context.stroke();<br/><br/>context.lineTo(102, 37);<br/>context.stroke();<br/><br/>context.lineTo(100, 38);<br/>context.stroke();<br/><br/>context.lineTo(100, 39);<br/>context.stroke();<br/><br/>context.lineTo(99, 39);<br/>context.stroke();<br/><br/>context.lineTo(99, 39);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>