&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(249, 75);<br/>context.lineTo(133,   191);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(247, 75);<br/>context.lineTo(350,   181);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(133, 189);<br/>context.lineTo(211,   190);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(188, 192);<br/>context.lineTo(133,   284);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(347, 178);<br/>context.lineTo(272,   179);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(300, 180);<br/>context.lineTo(340,   264);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(132, 281);<br/>context.lineTo(200,   284);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(338, 264);<br/>context.lineTo(274,   268);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(172, 282);<br/>context.lineTo(125,   365);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(310, 268);<br/>context.lineTo(343,   352);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(339, 349);<br/>context.lineTo(125,   364);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(203, 358);<br/>context.lineTo(202,   423);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(202, 422);<br/>context.lineTo(280,   419);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(280, 419);<br/>context.lineTo(275,   352);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(197.5, 152);<br/>context.scale(1, 0.8);<br/>context.beginPath();<br/>context.arc(0, 0, 19, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(274, 225.5);<br/>context.scale(1, 0.9285714285714286);<br/>context.beginPath();<br/>context.arc(0, 0, 19, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(178.5, 321);<br/>context.scale(0.9166666666666666, 1);<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.save();<br/>context.translate(309.5, 357);<br/>context.scale(1, 0.8);<br/>context.beginPath();<br/>context.arc(0, 0, 19, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(0, 377);<br/><br/>context.lineTo(0, 377);<br/>context.stroke();<br/><br/>context.lineTo(3, 375);<br/>context.stroke();<br/><br/>context.lineTo(6, 373);<br/>context.stroke();<br/><br/>context.lineTo(7, 373);<br/>context.stroke();<br/><br/>context.lineTo(10, 372);<br/>context.stroke();<br/><br/>context.lineTo(11, 372);<br/>context.stroke();<br/><br/>context.lineTo(12, 372);<br/>context.stroke();<br/><br/>context.lineTo(13, 371);<br/>context.stroke();<br/><br/>context.lineTo(14, 371);<br/>context.stroke();<br/><br/>context.lineTo(16, 370);<br/>context.stroke();<br/><br/>context.lineTo(17, 369);<br/>context.stroke();<br/><br/>context.lineTo(18, 369);<br/>context.stroke();<br/><br/>context.lineTo(19, 368);<br/>context.stroke();<br/><br/>context.lineTo(20, 368);<br/>context.stroke();<br/><br/>context.lineTo(22, 367);<br/>context.stroke();<br/><br/>context.lineTo(22, 366);<br/>context.stroke();<br/><br/>context.lineTo(24, 366);<br/>context.stroke();<br/><br/>context.lineTo(25, 366);<br/>context.stroke();<br/><br/>context.lineTo(26, 366);<br/>context.stroke();<br/><br/>context.lineTo(27, 366);<br/>context.stroke();<br/><br/>context.lineTo(28, 366);<br/>context.stroke();<br/><br/>context.lineTo(29, 366);<br/>context.stroke();<br/><br/>context.lineTo(30, 366);<br/>context.stroke();<br/><br/>context.lineTo(31, 366);<br/>context.stroke();<br/><br/>context.lineTo(32, 366);<br/>context.stroke();<br/><br/>context.lineTo(33, 366);<br/>context.stroke();<br/><br/>context.lineTo(34, 366);<br/>context.stroke();<br/><br/>context.lineTo(36, 366);<br/>context.stroke();<br/><br/>context.lineTo(37, 366);<br/>context.stroke();<br/><br/>context.lineTo(38, 366);<br/>context.stroke();<br/><br/>context.lineTo(39, 366);<br/>context.stroke();<br/><br/>context.lineTo(40, 366);<br/>context.stroke();<br/><br/>context.lineTo(41, 366);<br/>context.stroke();<br/><br/>context.lineTo(42, 366);<br/>context.stroke();<br/><br/>context.lineTo(44, 366);<br/>context.stroke();<br/><br/>context.lineTo(45, 366);<br/>context.stroke();<br/><br/>context.lineTo(46, 366);<br/>context.stroke();<br/><br/>context.lineTo(47, 366);<br/>context.stroke();<br/><br/>context.lineTo(48, 366);<br/>context.stroke();<br/><br/>context.lineTo(49, 366);<br/>context.stroke();<br/><br/>context.lineTo(50, 366);<br/>context.stroke();<br/><br/>context.lineTo(51, 366);<br/>context.stroke();<br/><br/>context.lineTo(52, 366);<br/>context.stroke();<br/><br/>context.lineTo(53, 366);<br/>context.stroke();<br/><br/>context.lineTo(54, 366);<br/>context.stroke();<br/><br/>context.lineTo(55, 366);<br/>context.stroke();<br/><br/>context.lineTo(56, 366);<br/>context.stroke();<br/><br/>context.lineTo(57, 366);<br/>context.stroke();<br/><br/>context.lineTo(58, 366);<br/>context.stroke();<br/><br/>context.lineTo(59, 366);<br/>context.stroke();<br/><br/>context.lineTo(60, 366);<br/>context.stroke();<br/><br/>context.lineTo(61, 366);<br/>context.stroke();<br/><br/>context.lineTo(62, 366);<br/>context.stroke();<br/><br/>context.lineTo(63, 366);<br/>context.stroke();<br/><br/>context.lineTo(64, 366);<br/>context.stroke();<br/><br/>context.lineTo(65, 366);<br/>context.stroke();<br/><br/>context.lineTo(66, 366);<br/>context.stroke();<br/><br/>context.lineTo(67, 366);<br/>context.stroke();<br/><br/>context.lineTo(68, 366);<br/>context.stroke();<br/><br/>context.lineTo(70, 366);<br/>context.stroke();<br/><br/>context.lineTo(72, 366);<br/>context.stroke();<br/><br/>context.lineTo(73, 366);<br/>context.stroke();<br/><br/>context.lineTo(75, 367);<br/>context.stroke();<br/><br/>context.lineTo(77, 368);<br/>context.stroke();<br/><br/>context.lineTo(78, 368);<br/>context.stroke();<br/><br/>context.lineTo(79, 368);<br/>context.stroke();<br/><br/>context.lineTo(80, 369);<br/>context.stroke();<br/><br/>context.lineTo(80, 370);<br/>context.stroke();<br/><br/>context.lineTo(81, 370);<br/>context.stroke();<br/><br/>context.lineTo(83, 371);<br/>context.stroke();<br/><br/>context.lineTo(85, 371);<br/>context.stroke();<br/><br/>context.lineTo(86, 372);<br/>context.stroke();<br/><br/>context.lineTo(87, 372);<br/>context.stroke();<br/><br/>context.lineTo(88, 372);<br/>context.stroke();<br/><br/>context.lineTo(89, 373);<br/>context.stroke();<br/><br/>context.lineTo(90, 373);<br/>context.stroke();<br/><br/>context.lineTo(91, 373);<br/>context.stroke();<br/><br/>context.lineTo(91, 374);<br/>context.stroke();<br/><br/>context.lineTo(92, 374);<br/>context.stroke();<br/><br/>context.lineTo(93, 374);<br/>context.stroke();<br/><br/>context.lineTo(94, 374);<br/>context.stroke();<br/><br/>context.lineTo(96, 374);<br/>context.stroke();<br/><br/>context.lineTo(97, 374);<br/>context.stroke();<br/><br/>context.lineTo(100, 374);<br/>context.stroke();<br/><br/>context.lineTo(101, 374);<br/>context.stroke();<br/><br/>context.lineTo(103, 374);<br/>context.stroke();<br/><br/>context.lineTo(106, 374);<br/>context.stroke();<br/><br/>context.lineTo(107, 374);<br/>context.stroke();<br/><br/>context.lineTo(109, 374);<br/>context.stroke();<br/><br/>context.lineTo(112, 375);<br/>context.stroke();<br/><br/>context.lineTo(116, 376);<br/>context.stroke();<br/><br/>context.lineTo(118, 377);<br/>context.stroke();<br/><br/>context.lineTo(120, 377);<br/>context.stroke();<br/><br/>context.lineTo(126, 377);<br/>context.stroke();<br/><br/>context.lineTo(131, 378);<br/>context.stroke();<br/><br/>context.lineTo(132, 378);<br/>context.stroke();<br/><br/>context.lineTo(135, 378);<br/>context.stroke();<br/><br/>context.lineTo(135, 379);<br/>context.stroke();<br/><br/>context.lineTo(136, 379);<br/>context.stroke();<br/><br/>context.lineTo(138, 379);<br/>context.stroke();<br/><br/>context.lineTo(141, 379);<br/>context.stroke();<br/><br/>context.lineTo(142, 380);<br/>context.stroke();<br/><br/>context.lineTo(144, 380);<br/>context.stroke();<br/><br/>context.lineTo(146, 380);<br/>context.stroke();<br/><br/>context.lineTo(147, 380);<br/>context.stroke();<br/><br/>context.lineTo(150, 380);<br/>context.stroke();<br/><br/>context.lineTo(151, 380);<br/>context.stroke();<br/><br/>context.lineTo(152, 380);<br/>context.stroke();<br/><br/>context.lineTo(153, 380);<br/>context.stroke();<br/><br/>context.lineTo(154, 380);<br/>context.stroke();<br/><br/>context.lineTo(156, 380);<br/>context.stroke();<br/><br/>context.lineTo(158, 380);<br/>context.stroke();<br/><br/>context.lineTo(160, 380);<br/>context.stroke();<br/><br/>context.lineTo(161, 380);<br/>context.stroke();<br/><br/>context.lineTo(163, 380);<br/>context.stroke();<br/><br/>context.lineTo(164, 380);<br/>context.stroke();<br/><br/>context.lineTo(165, 380);<br/>context.stroke();<br/><br/>context.lineTo(166, 380);<br/>context.stroke();<br/><br/>context.lineTo(167, 380);<br/>context.stroke();<br/><br/>context.lineTo(170, 380);<br/>context.stroke();<br/><br/>context.lineTo(172, 380);<br/>context.stroke();<br/><br/>context.lineTo(178, 380);<br/>context.stroke();<br/><br/>context.lineTo(182, 379);<br/>context.stroke();<br/><br/>context.lineTo(185, 378);<br/>context.stroke();<br/><br/>context.lineTo(190, 376);<br/>context.stroke();<br/><br/>context.lineTo(193, 376);<br/>context.stroke();<br/><br/>context.lineTo(194, 376);<br/>context.stroke();<br/><br/>context.lineTo(195, 376);<br/>context.stroke();<br/><br/>context.lineTo(196, 375);<br/>context.stroke();<br/><br/>context.lineTo(197, 375);<br/>context.stroke();<br/><br/>context.lineTo(198, 375);<br/>context.stroke();<br/><br/>context.lineTo(199, 375);<br/>context.stroke();<br/><br/>context.lineTo(201, 375);<br/>context.stroke();<br/><br/>context.lineTo(202, 375);<br/>context.stroke();<br/><br/>context.lineTo(202, 375);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(277, 375);<br/><br/>context.lineTo(278, 375);<br/>context.stroke();<br/><br/>context.lineTo(280, 375);<br/>context.stroke();<br/><br/>context.lineTo(283, 375);<br/>context.stroke();<br/><br/>context.lineTo(286, 375);<br/>context.stroke();<br/><br/>context.lineTo(289, 375);<br/>context.stroke();<br/><br/>context.lineTo(292, 375);<br/>context.stroke();<br/><br/>context.lineTo(293, 375);<br/>context.stroke();<br/><br/>context.lineTo(296, 375);<br/>context.stroke();<br/><br/>context.lineTo(298, 375);<br/>context.stroke();<br/><br/>context.lineTo(300, 375);<br/>context.stroke();<br/><br/>context.lineTo(303, 375);<br/>context.stroke();<br/><br/>context.lineTo(304, 375);<br/>context.stroke();<br/><br/>context.lineTo(307, 375);<br/>context.stroke();<br/><br/>context.lineTo(310, 375);<br/>context.stroke();<br/><br/>context.lineTo(313, 374);<br/>context.stroke();<br/><br/>context.lineTo(316, 374);<br/>context.stroke();<br/><br/>context.lineTo(318, 374);<br/>context.stroke();<br/><br/>context.lineTo(319, 374);<br/>context.stroke();<br/><br/>context.lineTo(322, 374);<br/>context.stroke();<br/><br/>context.lineTo(324, 373);<br/>context.stroke();<br/><br/>context.lineTo(326, 373);<br/>context.stroke();<br/><br/>context.lineTo(327, 373);<br/>context.stroke();<br/><br/>context.lineTo(328, 373);<br/>context.stroke();<br/><br/>context.lineTo(330, 373);<br/>context.stroke();<br/><br/>context.lineTo(331, 373);<br/>context.stroke();<br/><br/>context.lineTo(332, 373);<br/>context.stroke();<br/><br/>context.lineTo(333, 373);<br/>context.stroke();<br/><br/>context.lineTo(334, 373);<br/>context.stroke();<br/><br/>context.lineTo(335, 373);<br/>context.stroke();<br/><br/>context.lineTo(336, 373);<br/>context.stroke();<br/><br/>context.lineTo(337, 372);<br/>context.stroke();<br/><br/>context.lineTo(338, 372);<br/>context.stroke();<br/><br/>context.lineTo(339, 372);<br/>context.stroke();<br/><br/>context.lineTo(341, 371);<br/>context.stroke();<br/><br/>context.lineTo(342, 371);<br/>context.stroke();<br/><br/>context.lineTo(343, 370);<br/>context.stroke();<br/><br/>context.lineTo(345, 369);<br/>context.stroke();<br/><br/>context.lineTo(346, 368);<br/>context.stroke();<br/><br/>context.lineTo(347, 366);<br/>context.stroke();<br/><br/>context.lineTo(348, 366);<br/>context.stroke();<br/><br/>context.lineTo(350, 365);<br/>context.stroke();<br/><br/>context.lineTo(352, 363);<br/>context.stroke();<br/><br/>context.lineTo(353, 361);<br/>context.stroke();<br/><br/>context.lineTo(355, 360);<br/>context.stroke();<br/><br/>context.lineTo(356, 358);<br/>context.stroke();<br/><br/>context.lineTo(357, 357);<br/>context.stroke();<br/><br/>context.lineTo(359, 357);<br/>context.stroke();<br/><br/>context.lineTo(371, 353);<br/>context.stroke();<br/><br/>context.lineTo(376, 352);<br/>context.stroke();<br/><br/>context.lineTo(379, 351);<br/>context.stroke();<br/><br/>context.lineTo(381, 350);<br/>context.stroke();<br/><br/>context.lineTo(383, 350);<br/>context.stroke();<br/><br/>context.lineTo(385, 350);<br/>context.stroke();<br/><br/>context.lineTo(389, 349);<br/>context.stroke();<br/><br/>context.lineTo(392, 347);<br/>context.stroke();<br/><br/>context.lineTo(394, 347);<br/>context.stroke();<br/><br/>context.lineTo(398, 346);<br/>context.stroke();<br/><br/>context.lineTo(401, 346);<br/>context.stroke();<br/><br/>context.lineTo(403, 346);<br/>context.stroke();<br/><br/>context.lineTo(404, 346);<br/>context.stroke();<br/><br/>context.lineTo(407, 346);<br/>context.stroke();<br/><br/>context.lineTo(410, 345);<br/>context.stroke();<br/><br/>context.lineTo(413, 345);<br/>context.stroke();<br/><br/>context.lineTo(415, 345);<br/>context.stroke();<br/><br/>context.lineTo(418, 344);<br/>context.stroke();<br/><br/>context.lineTo(422, 343);<br/>context.stroke();<br/><br/>context.lineTo(425, 343);<br/>context.stroke();<br/><br/>context.lineTo(428, 343);<br/>context.stroke();<br/><br/>context.lineTo(431, 343);<br/>context.stroke();<br/><br/>context.lineTo(434, 343);<br/>context.stroke();<br/><br/>context.lineTo(437, 343);<br/>context.stroke();<br/><br/>context.lineTo(438, 342);<br/>context.stroke();<br/><br/>context.lineTo(444, 342);<br/>context.stroke();<br/><br/>context.lineTo(448, 342);<br/>context.stroke();<br/><br/>context.lineTo(459, 342);<br/>context.stroke();<br/><br/>context.lineTo(471, 342);<br/>context.stroke();<br/><br/>context.lineTo(476, 342);<br/>context.stroke();<br/><br/>context.lineTo(482, 342);<br/>context.stroke();<br/><br/>context.lineTo(487, 342);<br/>context.stroke();<br/><br/>context.lineTo(495, 343);<br/>context.stroke();<br/><br/>context.lineTo(501, 343);<br/>context.stroke();<br/><br/>context.lineTo(511, 345);<br/>context.stroke();<br/><br/>context.lineTo(525, 350);<br/>context.stroke();<br/><br/>context.lineTo(533, 353);<br/>context.stroke();<br/><br/>context.lineTo(536, 354);<br/>context.stroke();<br/><br/>context.lineTo(537, 354);<br/>context.stroke();<br/><br/>context.lineTo(542, 354);<br/>context.stroke();<br/><br/>context.lineTo(547, 353);<br/>context.stroke();<br/><br/>context.lineTo(555, 353);<br/>context.stroke();<br/><br/>context.lineTo(563, 353);<br/>context.stroke();<br/><br/>context.lineTo(573, 353);<br/>context.stroke();<br/><br/>context.lineTo(579, 353);<br/>context.stroke();<br/><br/>context.lineTo(581, 355);<br/>context.stroke();<br/><br/>context.lineTo(583, 355);<br/>context.stroke();<br/><br/>context.lineTo(584, 356);<br/>context.stroke();<br/><br/>context.lineTo(585, 356);<br/>context.stroke();<br/><br/>context.lineTo(587, 356);<br/>context.stroke();<br/><br/>context.lineTo(589, 356);<br/>context.stroke();<br/><br/>context.lineTo(590, 356);<br/>context.stroke();<br/><br/>context.lineTo(592, 356);<br/>context.stroke();<br/><br/>context.lineTo(593, 356);<br/>context.stroke();<br/><br/>context.lineTo(594, 356);<br/>context.stroke();<br/><br/>context.lineTo(595, 356);<br/>context.stroke();<br/><br/>context.lineTo(597, 356);<br/>context.stroke();<br/><br/>context.lineTo(598, 356);<br/>context.stroke();<br/><br/>context.lineTo(599, 356);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>