&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(123, 143);<br/><br/>context.lineTo(124, 143);<br/>context.stroke();<br/><br/>context.lineTo(125, 144);<br/>context.stroke();<br/><br/>context.lineTo(130, 144);<br/>context.stroke();<br/><br/>context.lineTo(136, 142);<br/>context.stroke();<br/><br/>context.lineTo(147, 138);<br/>context.stroke();<br/><br/>context.lineTo(158, 135);<br/>context.stroke();<br/><br/>context.lineTo(168, 132);<br/>context.stroke();<br/><br/>context.lineTo(177, 131);<br/>context.stroke();<br/><br/>context.lineTo(183, 128);<br/>context.stroke();<br/><br/>context.lineTo(187, 127);<br/>context.stroke();<br/><br/>context.lineTo(192, 126);<br/>context.stroke();<br/><br/>context.lineTo(194, 125);<br/>context.stroke();<br/><br/>context.lineTo(202, 124);<br/>context.stroke();<br/><br/>context.lineTo(213, 122);<br/>context.stroke();<br/><br/>context.lineTo(217, 122);<br/>context.stroke();<br/><br/>context.lineTo(222, 122);<br/>context.stroke();<br/><br/>context.lineTo(223, 122);<br/>context.stroke();<br/><br/>context.lineTo(226, 122);<br/>context.stroke();<br/><br/>context.lineTo(228, 120);<br/>context.stroke();<br/><br/>context.lineTo(232, 120);<br/>context.stroke();<br/><br/>context.lineTo(235, 120);<br/>context.stroke();<br/><br/>context.lineTo(240, 120);<br/>context.stroke();<br/><br/>context.lineTo(242, 120);<br/>context.stroke();<br/><br/>context.lineTo(244, 120);<br/>context.stroke();<br/><br/>context.lineTo(246, 120);<br/>context.stroke();<br/><br/>context.lineTo(249, 122);<br/>context.stroke();<br/><br/>context.lineTo(251, 123);<br/>context.stroke();<br/><br/>context.lineTo(253, 124);<br/>context.stroke();<br/><br/>context.lineTo(256, 126);<br/>context.stroke();<br/><br/>context.lineTo(258, 127);<br/>context.stroke();<br/><br/>context.lineTo(261, 130);<br/>context.stroke();<br/><br/>context.lineTo(265, 132);<br/>context.stroke();<br/><br/>context.lineTo(268, 135);<br/>context.stroke();<br/><br/>context.lineTo(271, 138);<br/>context.stroke();<br/><br/>context.lineTo(272, 139);<br/>context.stroke();<br/><br/>context.lineTo(274, 141);<br/>context.stroke();<br/><br/>context.lineTo(275, 142);<br/>context.stroke();<br/><br/>context.lineTo(276, 144);<br/>context.stroke();<br/><br/>context.lineTo(278, 146);<br/>context.stroke();<br/><br/>context.lineTo(278, 148);<br/>context.stroke();<br/><br/>context.lineTo(278, 150);<br/>context.stroke();<br/><br/>context.lineTo(280, 154);<br/>context.stroke();<br/><br/>context.lineTo(280, 155);<br/>context.stroke();<br/><br/>context.lineTo(280, 159);<br/>context.stroke();<br/><br/>context.lineTo(282, 163);<br/>context.stroke();<br/><br/>context.lineTo(282, 165);<br/>context.stroke();<br/><br/>context.lineTo(282, 169);<br/>context.stroke();<br/><br/>context.lineTo(282, 171);<br/>context.stroke();<br/><br/>context.lineTo(282, 174);<br/>context.stroke();<br/><br/>context.lineTo(282, 178);<br/>context.stroke();<br/><br/>context.lineTo(282, 181);<br/>context.stroke();<br/><br/>context.lineTo(282, 185);<br/>context.stroke();<br/><br/>context.lineTo(282, 189);<br/>context.stroke();<br/><br/>context.lineTo(280, 196);<br/>context.stroke();<br/><br/>context.lineTo(278, 200);<br/>context.stroke();<br/><br/>context.lineTo(276, 204);<br/>context.stroke();<br/><br/>context.lineTo(276, 206);<br/>context.stroke();<br/><br/>context.lineTo(274, 208);<br/>context.stroke();<br/><br/>context.lineTo(272, 212);<br/>context.stroke();<br/><br/>context.lineTo(270, 214);<br/>context.stroke();<br/><br/>context.lineTo(268, 216);<br/>context.stroke();<br/><br/>context.lineTo(266, 218);<br/>context.stroke();<br/><br/>context.lineTo(263, 221);<br/>context.stroke();<br/><br/>context.lineTo(261, 223);<br/>context.stroke();<br/><br/>context.lineTo(258, 225);<br/>context.stroke();<br/><br/>context.lineTo(254, 226);<br/>context.stroke();<br/><br/>context.lineTo(252, 227);<br/>context.stroke();<br/><br/>context.lineTo(250, 229);<br/>context.stroke();<br/><br/>context.lineTo(247, 229);<br/>context.stroke();<br/><br/>context.lineTo(244, 231);<br/>context.stroke();<br/><br/>context.lineTo(241, 231);<br/>context.stroke();<br/><br/>context.lineTo(237, 233);<br/>context.stroke();<br/><br/>context.lineTo(232, 235);<br/>context.stroke();<br/><br/>context.lineTo(226, 237);<br/>context.stroke();<br/><br/>context.lineTo(224, 238);<br/>context.stroke();<br/><br/>context.lineTo(221, 240);<br/>context.stroke();<br/><br/>context.lineTo(218, 240);<br/>context.stroke();<br/><br/>context.lineTo(216, 242);<br/>context.stroke();<br/><br/>context.lineTo(214, 242);<br/>context.stroke();<br/><br/>context.lineTo(212, 244);<br/>context.stroke();<br/><br/>context.lineTo(209, 244);<br/>context.stroke();<br/><br/>context.lineTo(207, 246);<br/>context.stroke();<br/><br/>context.lineTo(202, 249);<br/>context.stroke();<br/><br/>context.lineTo(199, 252);<br/>context.stroke();<br/><br/>context.lineTo(191, 258);<br/>context.stroke();<br/><br/>context.lineTo(186, 262);<br/>context.stroke();<br/><br/>context.lineTo(182, 265);<br/>context.stroke();<br/><br/>context.lineTo(180, 267);<br/>context.stroke();<br/><br/>context.lineTo(177, 270);<br/>context.stroke();<br/><br/>context.lineTo(175, 271);<br/>context.stroke();<br/><br/>context.lineTo(174, 273);<br/>context.stroke();<br/><br/>context.lineTo(173, 274);<br/>context.stroke();<br/><br/>context.lineTo(172, 275);<br/>context.stroke();<br/><br/>context.lineTo(171, 278);<br/>context.stroke();<br/><br/>context.lineTo(170, 280);<br/>context.stroke();<br/><br/>context.lineTo(169, 285);<br/>context.stroke();<br/><br/>context.lineTo(169, 291);<br/>context.stroke();<br/><br/>context.lineTo(169, 298);<br/>context.stroke();<br/><br/>context.lineTo(169, 303);<br/>context.stroke();<br/><br/>context.lineTo(169, 308);<br/>context.stroke();<br/><br/>context.lineTo(169, 314);<br/>context.stroke();<br/><br/>context.lineTo(169, 318);<br/>context.stroke();<br/><br/>context.lineTo(169, 322);<br/>context.stroke();<br/><br/>context.lineTo(169, 327);<br/>context.stroke();<br/><br/>context.lineTo(169, 328);<br/>context.stroke();<br/><br/>context.lineTo(170, 331);<br/>context.stroke();<br/><br/>context.lineTo(172, 335);<br/>context.stroke();<br/><br/>context.lineTo(173, 339);<br/>context.stroke();<br/><br/>context.lineTo(174, 341);<br/>context.stroke();<br/><br/>context.lineTo(176, 343);<br/>context.stroke();<br/><br/>context.lineTo(177, 345);<br/>context.stroke();<br/><br/>context.lineTo(179, 347);<br/>context.stroke();<br/><br/>context.lineTo(181, 349);<br/>context.stroke();<br/><br/>context.lineTo(184, 352);<br/>context.stroke();<br/><br/>context.lineTo(190, 354);<br/>context.stroke();<br/><br/>context.lineTo(194, 356);<br/>context.stroke();<br/><br/>context.lineTo(200, 358);<br/>context.stroke();<br/><br/>context.lineTo(207, 359);<br/>context.stroke();<br/><br/>context.lineTo(216, 361);<br/>context.stroke();<br/><br/>context.lineTo(234, 363);<br/>context.stroke();<br/><br/>context.lineTo(246, 364);<br/>context.stroke();<br/><br/>context.lineTo(259, 366);<br/>context.stroke();<br/><br/>context.lineTo(268, 366);<br/>context.stroke();<br/><br/>context.lineTo(283, 366);<br/>context.stroke();<br/><br/>context.lineTo(292, 366);<br/>context.stroke();<br/><br/>context.lineTo(298, 366);<br/>context.stroke();<br/><br/>context.lineTo(304, 362);<br/>context.stroke();<br/><br/>context.lineTo(310, 359);<br/>context.stroke();<br/><br/>context.lineTo(318, 355);<br/>context.stroke();<br/><br/>context.lineTo(328, 348);<br/>context.stroke();<br/><br/>context.lineTo(338, 342);<br/>context.stroke();<br/><br/>context.lineTo(343, 337);<br/>context.stroke();<br/><br/>context.lineTo(345, 335);<br/>context.stroke();<br/><br/>context.lineTo(346, 332);<br/>context.stroke();<br/><br/>context.lineTo(348, 329);<br/>context.stroke();<br/><br/>context.lineTo(349, 327);<br/>context.stroke();<br/><br/>context.lineTo(350, 325);<br/>context.stroke();<br/><br/>context.lineTo(351, 323);<br/>context.stroke();<br/><br/>context.lineTo(352, 321);<br/>context.stroke();<br/><br/>context.lineTo(353, 317);<br/>context.stroke();<br/><br/>context.lineTo(357, 311);<br/>context.stroke();<br/><br/>context.lineTo(359, 308);<br/>context.stroke();<br/><br/>context.lineTo(360, 307);<br/>context.stroke();<br/><br/>context.lineTo(360, 307);<br/>context.stroke();<br/><br/>context.lineWidth = 6;<br/><br/>context.lineWidth = 7;<br/><br/>context.lineWidth = 8;<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(343, 127);<br/><br/>context.lineTo(344, 126);<br/>context.stroke();<br/><br/>context.lineTo(348, 124);<br/>context.stroke();<br/><br/>context.lineTo(355, 121);<br/>context.stroke();<br/><br/>context.lineTo(367, 118);<br/>context.stroke();<br/><br/>context.lineTo(395, 115);<br/>context.stroke();<br/><br/>context.lineTo(475, 115);<br/>context.stroke();<br/><br/>context.lineTo(511, 115);<br/>context.stroke();<br/><br/>context.lineTo(523, 115);<br/>context.stroke();<br/><br/>context.lineTo(525, 115);<br/>context.stroke();<br/><br/>context.lineTo(526, 116);<br/>context.stroke();<br/><br/>context.lineTo(526, 117);<br/>context.stroke();<br/><br/>context.lineTo(527, 120);<br/>context.stroke();<br/><br/>context.lineTo(527, 123);<br/>context.stroke();<br/><br/>context.lineTo(527, 130);<br/>context.stroke();<br/><br/>context.lineTo(527, 138);<br/>context.stroke();<br/><br/>context.lineTo(527, 143);<br/>context.stroke();<br/><br/>context.lineTo(524, 151);<br/>context.stroke();<br/><br/>context.lineTo(521, 156);<br/>context.stroke();<br/><br/>context.lineTo(518, 161);<br/>context.stroke();<br/><br/>context.lineTo(513, 168);<br/>context.stroke();<br/><br/>context.lineTo(507, 176);<br/>context.stroke();<br/><br/>context.lineTo(502, 183);<br/>context.stroke();<br/><br/>context.lineTo(494, 191);<br/>context.stroke();<br/><br/>context.lineTo(486, 202);<br/>context.stroke();<br/><br/>context.lineTo(483, 204);<br/>context.stroke();<br/><br/>context.lineTo(479, 209);<br/>context.stroke();<br/><br/>context.lineTo(477, 213);<br/>context.stroke();<br/><br/>context.lineTo(476, 214);<br/>context.stroke();<br/><br/>context.lineTo(475, 215);<br/>context.stroke();<br/><br/>context.lineTo(474, 217);<br/>context.stroke();<br/><br/>context.lineTo(472, 221);<br/>context.stroke();<br/><br/>context.lineTo(469, 225);<br/>context.stroke();<br/><br/>context.lineTo(467, 229);<br/>context.stroke();<br/><br/>context.lineTo(466, 234);<br/>context.stroke();<br/><br/>context.lineTo(465, 236);<br/>context.stroke();<br/><br/>context.lineTo(464, 240);<br/>context.stroke();<br/><br/>context.lineTo(463, 244);<br/>context.stroke();<br/><br/>context.lineTo(463, 250);<br/>context.stroke();<br/><br/>context.lineTo(463, 255);<br/>context.stroke();<br/><br/>context.lineTo(463, 260);<br/>context.stroke();<br/><br/>context.lineTo(463, 266);<br/>context.stroke();<br/><br/>context.lineTo(463, 273);<br/>context.stroke();<br/><br/>context.lineTo(463, 278);<br/>context.stroke();<br/><br/>context.lineTo(463, 283);<br/>context.stroke();<br/><br/>context.lineTo(463, 287);<br/>context.stroke();<br/><br/>context.lineTo(463, 290);<br/>context.stroke();<br/><br/>context.lineTo(463, 294);<br/>context.stroke();<br/><br/>context.lineTo(462, 297);<br/>context.stroke();<br/><br/>context.lineTo(462, 300);<br/>context.stroke();<br/><br/>context.lineTo(459, 305);<br/>context.stroke();<br/><br/>context.lineTo(457, 308);<br/>context.stroke();<br/><br/>context.lineTo(455, 310);<br/>context.stroke();<br/><br/>context.lineTo(454, 311);<br/>context.stroke();<br/><br/>context.lineTo(453, 311);<br/>context.stroke();<br/><br/>context.lineTo(452, 311);<br/>context.stroke();<br/><br/>context.lineTo(451, 311);<br/>context.stroke();<br/><br/>context.lineTo(450, 311);<br/>context.stroke();<br/><br/>context.lineTo(449, 311);<br/>context.stroke();<br/><br/>context.lineTo(447, 311);<br/>context.stroke();<br/><br/>context.lineTo(444, 308);<br/>context.stroke();<br/><br/>context.lineTo(437, 301);<br/>context.stroke();<br/><br/>context.lineTo(430, 294);<br/>context.stroke();<br/><br/>context.lineTo(424, 289);<br/>context.stroke();<br/><br/>context.lineTo(418, 281);<br/>context.stroke();<br/><br/>context.lineTo(413, 274);<br/>context.stroke();<br/><br/>context.lineTo(408, 270);<br/>context.stroke();<br/><br/>context.lineTo(403, 264);<br/>context.stroke();<br/><br/>context.lineTo(400, 259);<br/>context.stroke();<br/><br/>context.lineTo(397, 254);<br/>context.stroke();<br/><br/>context.lineTo(395, 251);<br/>context.stroke();<br/><br/>context.lineTo(395, 250);<br/>context.stroke();<br/><br/>context.lineTo(393, 248);<br/>context.stroke();<br/><br/>context.lineTo(393, 247);<br/>context.stroke();<br/><br/>context.lineTo(393, 246);<br/>context.stroke();<br/><br/>context.lineTo(391, 244);<br/>context.stroke();<br/><br/>context.lineTo(391, 242);<br/>context.stroke();<br/><br/>context.lineTo(390, 238);<br/>context.stroke();<br/><br/>context.lineTo(389, 235);<br/>context.stroke();<br/><br/>context.lineTo(388, 230);<br/>context.stroke();<br/><br/>context.lineTo(388, 226);<br/>context.stroke();<br/><br/>context.lineTo(387, 222);<br/>context.stroke();<br/><br/>context.lineTo(387, 216);<br/>context.stroke();<br/><br/>context.lineTo(386, 212);<br/>context.stroke();<br/><br/>context.lineTo(386, 209);<br/>context.stroke();<br/><br/>context.lineTo(384, 205);<br/>context.stroke();<br/><br/>context.lineTo(384, 204);<br/>context.stroke();<br/><br/>context.lineTo(384, 203);<br/>context.stroke();<br/><br/>context.lineTo(383, 202);<br/>context.stroke();<br/><br/>context.lineTo(380, 202);<br/>context.stroke();<br/><br/>context.lineTo(378, 202);<br/>context.stroke();<br/><br/>context.lineTo(375, 202);<br/>context.stroke();<br/><br/>context.lineTo(373, 203);<br/>context.stroke();<br/><br/>context.lineTo(370, 207);<br/>context.stroke();<br/><br/>context.lineTo(369, 210);<br/>context.stroke();<br/><br/>context.lineTo(367, 213);<br/>context.stroke();<br/><br/>context.lineTo(364, 217);<br/>context.stroke();<br/><br/>context.lineTo(364, 219);<br/>context.stroke();<br/><br/>context.lineTo(362, 221);<br/>context.stroke();<br/><br/>context.lineTo(362, 222);<br/>context.stroke();<br/><br/>context.lineTo(362, 225);<br/>context.stroke();<br/><br/>context.lineTo(362, 227);<br/>context.stroke();<br/><br/>context.lineTo(362, 230);<br/>context.stroke();<br/><br/>context.lineTo(362, 233);<br/>context.stroke();<br/><br/>context.lineTo(362, 236);<br/>context.stroke();<br/><br/>context.lineTo(362, 239);<br/>context.stroke();<br/><br/>context.lineTo(362, 243);<br/>context.stroke();<br/><br/>context.lineTo(362, 248);<br/>context.stroke();<br/><br/>context.lineTo(362, 255);<br/>context.stroke();<br/><br/>context.lineTo(364, 260);<br/>context.stroke();<br/><br/>context.lineTo(365, 265);<br/>context.stroke();<br/><br/>context.lineTo(367, 271);<br/>context.stroke();<br/><br/>context.lineTo(369, 278);<br/>context.stroke();<br/><br/>context.lineTo(371, 283);<br/>context.stroke();<br/><br/>context.lineTo(372, 287);<br/>context.stroke();<br/><br/>context.lineTo(374, 294);<br/>context.stroke();<br/><br/>context.lineTo(376, 302);<br/>context.stroke();<br/><br/>context.lineTo(377, 308);<br/>context.stroke();<br/><br/>context.lineTo(378, 312);<br/>context.stroke();<br/><br/>context.lineTo(380, 317);<br/>context.stroke();<br/><br/>context.lineTo(381, 321);<br/>context.stroke();<br/><br/>context.lineTo(382, 326);<br/>context.stroke();<br/><br/>context.lineTo(383, 330);<br/>context.stroke();<br/><br/>context.lineTo(385, 335);<br/>context.stroke();<br/><br/>context.lineTo(385, 338);<br/>context.stroke();<br/><br/>context.lineTo(385, 340);<br/>context.stroke();<br/><br/>context.lineTo(385, 341);<br/>context.stroke();<br/><br/>context.lineTo(385, 342);<br/>context.stroke();<br/><br/>context.lineTo(385, 343);<br/>context.stroke();<br/><br/>context.lineTo(385, 343);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>