&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 = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(160, 120);<br/><br/>context.lineTo(164, 120);<br/>context.stroke();<br/><br/>context.lineTo(166, 120);<br/>context.stroke();<br/><br/>context.lineTo(177, 120);<br/>context.stroke();<br/><br/>context.lineTo(186, 119);<br/>context.stroke();<br/><br/>context.lineTo(188, 119);<br/>context.stroke();<br/><br/>context.lineTo(190, 119);<br/>context.stroke();<br/><br/>context.lineTo(194, 119);<br/>context.stroke();<br/><br/>context.lineTo(197, 119);<br/>context.stroke();<br/><br/>context.lineTo(198, 119);<br/>context.stroke();<br/><br/>context.lineTo(200, 119);<br/>context.stroke();<br/><br/>context.lineTo(204, 119);<br/>context.stroke();<br/><br/>context.lineTo(208, 119);<br/>context.stroke();<br/><br/>context.lineTo(210, 119);<br/>context.stroke();<br/><br/>context.lineTo(216, 119);<br/>context.stroke();<br/><br/>context.lineTo(222, 119);<br/>context.stroke();<br/><br/>context.lineTo(225, 119);<br/>context.stroke();<br/><br/>context.lineTo(232, 119);<br/>context.stroke();<br/><br/>context.lineTo(234, 119);<br/>context.stroke();<br/><br/>context.lineTo(239, 119);<br/>context.stroke();<br/><br/>context.lineTo(245, 119);<br/>context.stroke();<br/><br/>context.lineTo(249, 119);<br/>context.stroke();<br/><br/>context.lineTo(250, 119);<br/>context.stroke();<br/><br/>context.lineTo(251, 119);<br/>context.stroke();<br/><br/>context.lineTo(254, 119);<br/>context.stroke();<br/><br/>context.lineTo(257, 119);<br/>context.stroke();<br/><br/>context.lineTo(261, 119);<br/>context.stroke();<br/><br/>context.lineTo(266, 119);<br/>context.stroke();<br/><br/>context.lineTo(274, 119);<br/>context.stroke();<br/><br/>context.lineTo(278, 119);<br/>context.stroke();<br/><br/>context.lineTo(282, 119);<br/>context.stroke();<br/><br/>context.lineTo(286, 119);<br/>context.stroke();<br/><br/>context.lineTo(290, 119);<br/>context.stroke();<br/><br/>context.lineTo(291, 119);<br/>context.stroke();<br/><br/>context.lineTo(294, 119);<br/>context.stroke();<br/><br/>context.lineTo(300, 119);<br/>context.stroke();<br/><br/>context.lineTo(303, 119);<br/>context.stroke();<br/><br/>context.lineTo(310, 119);<br/>context.stroke();<br/><br/>context.lineTo(317, 119);<br/>context.stroke();<br/><br/>context.lineTo(324, 119);<br/>context.stroke();<br/><br/>context.lineTo(327, 119);<br/>context.stroke();<br/><br/>context.lineTo(331, 119);<br/>context.stroke();<br/><br/>context.lineTo(332, 119);<br/>context.stroke();<br/><br/>context.lineTo(333, 119);<br/>context.stroke();<br/><br/>context.lineTo(338, 119);<br/>context.stroke();<br/><br/>context.lineTo(349, 119);<br/>context.stroke();<br/><br/>context.lineTo(360, 119);<br/>context.stroke();<br/><br/>context.lineTo(373, 119);<br/>context.stroke();<br/><br/>context.lineTo(374, 119);<br/>context.stroke();<br/><br/>context.lineTo(376, 119);<br/>context.stroke();<br/><br/>context.lineTo(377, 119);<br/>context.stroke();<br/><br/>context.lineTo(379, 119);<br/>context.stroke();<br/><br/>context.lineTo(380, 119);<br/>context.stroke();<br/><br/>context.lineTo(382, 119);<br/>context.stroke();<br/><br/>context.lineTo(383, 119);<br/>context.stroke();<br/><br/>context.lineTo(382, 119);<br/>context.stroke();<br/><br/>context.lineTo(382, 119);<br/>context.stroke();<br/><br/>context.lineTo(380, 119);<br/>context.stroke();<br/><br/>context.lineTo(378, 119);<br/>context.stroke();<br/><br/>context.lineTo(376, 119);<br/>context.stroke();<br/><br/>context.lineTo(373, 119);<br/>context.stroke();<br/><br/>context.lineTo(370, 119);<br/>context.stroke();<br/><br/>context.lineTo(367, 119);<br/>context.stroke();<br/><br/>context.lineTo(354, 121);<br/>context.stroke();<br/><br/>context.lineTo(343, 125);<br/>context.stroke();<br/><br/>context.lineTo(342, 125);<br/>context.stroke();<br/><br/>context.lineTo(341, 125);<br/>context.stroke();<br/><br/>context.lineTo(336, 125);<br/>context.stroke();<br/><br/>context.lineTo(332, 125);<br/>context.stroke();<br/><br/>context.lineTo(332, 125);<br/>context.stroke();<br/><br/>context.lineTo(330, 125);<br/>context.stroke();<br/><br/>context.lineTo(325, 125);<br/>context.stroke();<br/><br/>context.lineTo(318, 125);<br/>context.stroke();<br/><br/>context.lineTo(314, 124);<br/>context.stroke();<br/><br/>context.lineTo(312, 124);<br/>context.stroke();<br/><br/>context.lineTo(310, 124);<br/>context.stroke();<br/><br/>context.lineTo(306, 124);<br/>context.stroke();<br/><br/>context.lineTo(298, 124);<br/>context.stroke();<br/><br/>context.lineTo(286, 124);<br/>context.stroke();<br/><br/>context.lineTo(276, 124);<br/>context.stroke();<br/><br/>context.lineTo(274, 124);<br/>context.stroke();<br/><br/>context.lineTo(272, 124);<br/>context.stroke();<br/><br/>context.lineTo(262, 124);<br/>context.stroke();<br/><br/>context.lineTo(244, 125);<br/>context.stroke();<br/><br/>context.lineTo(232, 126);<br/>context.stroke();<br/><br/>context.lineTo(229, 126);<br/>context.stroke();<br/><br/>context.lineTo(228, 126);<br/>context.stroke();<br/><br/>context.lineTo(226, 126);<br/>context.stroke();<br/><br/>context.lineTo(220, 128);<br/>context.stroke();<br/><br/>context.lineTo(216, 128);<br/>context.stroke();<br/><br/>context.lineTo(210, 128);<br/>context.stroke();<br/><br/>context.lineTo(204, 128);<br/>context.stroke();<br/><br/>context.lineTo(200, 128);<br/>context.stroke();<br/><br/>context.lineTo(197, 128);<br/>context.stroke();<br/><br/>context.lineTo(192, 128);<br/>context.stroke();<br/><br/>context.lineTo(189, 128);<br/>context.stroke();<br/><br/>context.lineTo(188, 128);<br/>context.stroke();<br/><br/>context.lineTo(184, 128);<br/>context.stroke();<br/><br/>context.lineTo(179, 128);<br/>context.stroke();<br/><br/>context.lineTo(172, 128);<br/>context.stroke();<br/><br/>context.lineTo(169, 128);<br/>context.stroke();<br/><br/>context.lineTo(168, 128);<br/>context.stroke();<br/><br/>context.lineTo(166, 128);<br/>context.stroke();<br/><br/>context.lineTo(164, 128);<br/>context.stroke();<br/><br/>context.lineTo(163, 128);<br/>context.stroke();<br/><br/>context.lineTo(162, 128);<br/>context.stroke();<br/><br/>context.lineTo(161, 128);<br/>context.stroke();<br/><br/>context.lineTo(164, 128);<br/>context.stroke();<br/><br/>context.lineTo(168, 128);<br/>context.stroke();<br/><br/>context.lineTo(170, 128);<br/>context.stroke();<br/><br/>context.lineTo(174, 128);<br/>context.stroke();<br/><br/>context.lineTo(177, 127);<br/>context.stroke();<br/><br/>context.lineTo(184, 127);<br/>context.stroke();<br/><br/>context.lineTo(188, 127);<br/>context.stroke();<br/><br/>context.lineTo(198, 127);<br/>context.stroke();<br/><br/>context.lineTo(204, 127);<br/>context.stroke();<br/><br/>context.lineTo(206, 127);<br/>context.stroke();<br/><br/>context.lineTo(210, 127);<br/>context.stroke();<br/><br/>context.lineTo(214, 127);<br/>context.stroke();<br/><br/>context.lineTo(219, 127);<br/>context.stroke();<br/><br/>context.lineTo(220, 126);<br/>context.stroke();<br/><br/>context.lineTo(222, 126);<br/>context.stroke();<br/><br/>context.lineTo(228, 125);<br/>context.stroke();<br/><br/>context.lineTo(229, 125);<br/>context.stroke();<br/><br/>context.lineTo(226, 124);<br/>context.stroke();<br/><br/>context.lineTo(206, 122);<br/>context.stroke();<br/><br/>context.lineTo(193, 122);<br/>context.stroke();<br/><br/>context.lineTo(190, 122);<br/>context.stroke();<br/><br/>context.lineTo(187, 122);<br/>context.stroke();<br/><br/>context.lineTo(182, 122);<br/>context.stroke();<br/><br/>context.lineTo(179, 122);<br/>context.stroke();<br/><br/>context.lineTo(178, 122);<br/>context.stroke();<br/><br/>context.lineTo(176, 122);<br/>context.stroke();<br/><br/>context.lineTo(173, 122);<br/>context.stroke();<br/><br/>context.lineTo(168, 122);<br/>context.stroke();<br/><br/>context.lineTo(163, 122);<br/>context.stroke();<br/><br/>context.lineTo(162, 122);<br/>context.stroke();<br/><br/>context.lineTo(159, 123);<br/>context.stroke();<br/><br/>context.lineTo(156, 124);<br/>context.stroke();<br/><br/>context.lineTo(159, 124);<br/>context.stroke();<br/><br/>context.lineTo(163, 124);<br/>context.stroke();<br/><br/>context.lineTo(174, 124);<br/>context.stroke();<br/><br/>context.lineTo(184, 124);<br/>context.stroke();<br/><br/>context.lineTo(186, 124);<br/>context.stroke();<br/><br/>context.lineTo(189, 124);<br/>context.stroke();<br/><br/>context.lineTo(194, 124);<br/>context.stroke();<br/><br/>context.lineTo(200, 124);<br/>context.stroke();<br/><br/>context.lineTo(205, 124);<br/>context.stroke();<br/><br/>context.lineTo(212, 124);<br/>context.stroke();<br/><br/>context.lineTo(214, 124);<br/>context.stroke();<br/><br/>context.lineTo(215, 124);<br/>context.stroke();<br/><br/>context.lineTo(218, 124);<br/>context.stroke();<br/><br/>context.lineTo(223, 124);<br/>context.stroke();<br/><br/>context.lineTo(226, 124);<br/>context.stroke();<br/><br/>context.lineTo(229, 124);<br/>context.stroke();<br/><br/>context.lineTo(230, 124);<br/>context.stroke();<br/><br/>context.lineTo(235, 124);<br/>context.stroke();<br/><br/>context.lineTo(241, 124);<br/>context.stroke();<br/><br/>context.lineTo(243, 124);<br/>context.stroke();<br/><br/>context.lineTo(248, 124);<br/>context.stroke();<br/><br/>context.lineTo(268, 124);<br/>context.stroke();<br/><br/>context.lineTo(293, 124);<br/>context.stroke();<br/><br/>context.lineTo(307, 124);<br/>context.stroke();<br/><br/>context.lineTo(312, 124);<br/>context.stroke();<br/><br/>context.lineTo(312, 124);<br/>context.stroke();<br/><br/>context.lineTo(318, 124);<br/>context.stroke();<br/><br/>context.lineTo(322, 124);<br/>context.stroke();<br/><br/>context.lineTo(325, 124);<br/>context.stroke();<br/><br/>context.lineTo(330, 124);<br/>context.stroke();<br/><br/>context.lineTo(337, 124);<br/>context.stroke();<br/><br/>context.lineTo(342, 124);<br/>context.stroke();<br/><br/>context.lineTo(344, 124);<br/>context.stroke();<br/><br/>context.lineTo(346, 124);<br/>context.stroke();<br/><br/>context.lineTo(353, 124);<br/>context.stroke();<br/><br/>context.lineTo(358, 124);<br/>context.stroke();<br/><br/>context.lineTo(362, 123);<br/>context.stroke();<br/><br/>context.lineTo(369, 123);<br/>context.stroke();<br/><br/>context.lineTo(370, 122);<br/>context.stroke();<br/><br/>context.lineTo(371, 122);<br/>context.stroke();<br/><br/>context.lineTo(372, 122);<br/>context.stroke();<br/><br/>context.lineTo(380, 121);<br/>context.stroke();<br/><br/>context.lineTo(382, 121);<br/>context.stroke();<br/><br/>context.lineTo(382, 120);<br/>context.stroke();<br/><br/>context.lineTo(385, 120);<br/>context.stroke();<br/><br/>context.lineTo(386, 120);<br/>context.stroke();<br/><br/>context.lineTo(384, 120);<br/>context.stroke();<br/><br/>context.lineTo(382, 120);<br/>context.stroke();<br/><br/>context.lineTo(378, 121);<br/>context.stroke();<br/><br/>context.lineTo(378, 121);<br/>context.stroke();<br/><br/>context.lineTo(371, 122);<br/>context.stroke();<br/><br/>context.lineTo(370, 123);<br/>context.stroke();<br/><br/>context.lineTo(374, 124);<br/>context.stroke();<br/><br/>context.lineTo(376, 125);<br/>context.stroke();<br/><br/>context.lineTo(378, 125);<br/>context.stroke();<br/><br/>context.lineTo(379, 126);<br/>context.stroke();<br/><br/>context.lineTo(379, 126);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>