&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(20, 90);<br/><br/>context.lineTo(21, 90);<br/>context.stroke();<br/><br/>context.lineTo(25, 90);<br/>context.stroke();<br/><br/>context.lineTo(29, 90);<br/>context.stroke();<br/><br/>context.lineTo(39, 90);<br/>context.stroke();<br/><br/>context.lineTo(51, 90);<br/>context.stroke();<br/><br/>context.lineTo(53, 90);<br/>context.stroke();<br/><br/>context.lineTo(54, 90);<br/>context.stroke();<br/><br/>context.lineTo(56, 90);<br/>context.stroke();<br/><br/>context.lineTo(61, 91);<br/>context.stroke();<br/><br/>context.lineTo(64, 91);<br/>context.stroke();<br/><br/>context.lineTo(65, 92);<br/>context.stroke();<br/><br/>context.lineTo(66, 92);<br/>context.stroke();<br/><br/>context.lineTo(67, 92);<br/>context.stroke();<br/><br/>context.lineTo(69, 92);<br/>context.stroke();<br/><br/>context.lineTo(70, 92);<br/>context.stroke();<br/><br/>context.lineTo(72, 92);<br/>context.stroke();<br/><br/>context.lineTo(73, 92);<br/>context.stroke();<br/><br/>context.lineTo(74, 92);<br/>context.stroke();<br/><br/>context.lineTo(75, 91);<br/>context.stroke();<br/><br/>context.lineTo(75, 90);<br/>context.stroke();<br/><br/>context.lineTo(75, 89);<br/>context.stroke();<br/><br/>context.lineTo(75, 88);<br/>context.stroke();<br/><br/>context.lineTo(75, 87);<br/>context.stroke();<br/><br/>context.lineTo(75, 86);<br/>context.stroke();<br/><br/>context.lineTo(78, 85);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(85, 75);<br/><br/>context.lineTo(80, 76);<br/>context.stroke();<br/><br/>context.lineTo(65, 79);<br/>context.stroke();<br/><br/>context.lineTo(32, 83);<br/>context.stroke();<br/><br/>context.lineTo(16, 86);<br/>context.stroke();<br/><br/>context.lineTo(7, 88);<br/>context.stroke();<br/><br/>context.lineTo(6, 88);<br/>context.stroke();<br/><br/>context.lineTo(8, 88);<br/>context.stroke();<br/><br/>context.lineTo(16, 88);<br/>context.stroke();<br/><br/>context.lineTo(33, 88);<br/>context.stroke();<br/><br/>context.lineTo(53, 88);<br/>context.stroke();<br/><br/>context.lineTo(75, 88);<br/>context.stroke();<br/><br/>context.lineTo(85, 87);<br/>context.stroke();<br/><br/>context.lineTo(81, 87);<br/>context.stroke();<br/><br/>context.lineTo(75, 88);<br/>context.stroke();<br/><br/>context.lineTo(61, 89);<br/>context.stroke();<br/><br/>context.lineTo(50, 91);<br/>context.stroke();<br/><br/>context.lineTo(42, 91);<br/>context.stroke();<br/><br/>context.lineTo(41, 92);<br/>context.stroke();<br/><br/>context.lineTo(43, 92);<br/>context.stroke();<br/><br/>context.lineTo(55, 91);<br/>context.stroke();<br/><br/>context.lineTo(59, 90);<br/>context.stroke();<br/><br/>context.lineTo(53, 90);<br/>context.stroke();<br/><br/>context.lineTo(43, 90);<br/>context.stroke();<br/><br/>context.lineTo(27, 90);<br/>context.stroke();<br/><br/>context.lineTo(14, 90);<br/>context.stroke();<br/><br/>context.lineTo(13, 90);<br/>context.stroke();<br/><br/>context.lineTo(17, 90);<br/>context.stroke();<br/><br/>context.lineTo(40, 90);<br/>context.stroke();<br/><br/>context.lineTo(59, 90);<br/>context.stroke();<br/><br/>context.lineTo(69, 89);<br/>context.stroke();<br/><br/>context.lineTo(65, 89);<br/>context.stroke();<br/><br/>context.lineTo(44, 89);<br/>context.stroke();<br/><br/>context.lineTo(26, 92);<br/>context.stroke();<br/><br/>context.lineTo(16, 97);<br/>context.stroke();<br/><br/>context.lineTo(14, 97);<br/>context.stroke();<br/><br/>context.lineTo(17, 97);<br/>context.stroke();<br/><br/>context.lineTo(34, 97);<br/>context.stroke();<br/><br/>context.lineTo(51, 97);<br/>context.stroke();<br/><br/>context.lineTo(70, 91);<br/>context.stroke();<br/><br/>context.lineTo(75, 89);<br/>context.stroke();<br/><br/>context.lineTo(75, 87);<br/>context.stroke();<br/><br/>context.lineTo(66, 86);<br/>context.stroke();<br/><br/>context.lineTo(58, 86);<br/>context.stroke();<br/><br/>context.lineTo(56, 90);<br/>context.stroke();<br/><br/>context.lineTo(61, 97);<br/>context.stroke();<br/><br/>context.lineTo(67, 101);<br/>context.stroke();<br/><br/>context.lineTo(78, 104);<br/>context.stroke();<br/><br/>context.lineTo(86, 104);<br/>context.stroke();<br/><br/>context.lineTo(89, 102);<br/>context.stroke();<br/><br/>context.lineTo(89, 97);<br/>context.stroke();<br/><br/>context.lineTo(88, 94);<br/>context.stroke();<br/><br/>context.lineTo(78, 85);<br/>context.stroke();<br/><br/>context.lineTo(74, 85);<br/>context.stroke();<br/><br/>context.lineTo(73, 85);<br/>context.stroke();<br/><br/>context.lineTo(73, 87);<br/>context.stroke();<br/><br/>context.lineTo(75, 88);<br/>context.stroke();<br/><br/>context.lineTo(76, 89);<br/>context.stroke();<br/><br/>context.lineTo(77, 89);<br/>context.stroke();<br/><br/>context.lineTo(78, 88);<br/>context.stroke();<br/><br/>context.lineTo(78, 84);<br/>context.stroke();<br/><br/>context.lineTo(77, 79);<br/>context.stroke();<br/><br/>context.lineTo(73, 79);<br/>context.stroke();<br/><br/>context.lineTo(66, 79);<br/>context.stroke();<br/><br/>context.lineTo(61, 88);<br/>context.stroke();<br/><br/>context.lineTo(61, 93);<br/>context.stroke();<br/><br/>context.lineTo(61, 97);<br/>context.stroke();<br/><br/>context.lineTo(64, 97);<br/>context.stroke();<br/><br/>context.lineTo(74, 97);<br/>context.stroke();<br/><br/>context.lineTo(87, 93);<br/>context.stroke();<br/><br/>context.lineTo(93, 87);<br/>context.stroke();<br/><br/>context.lineTo(94, 83);<br/>context.stroke();<br/><br/>context.lineTo(91, 79);<br/>context.stroke();<br/><br/>context.lineTo(86, 78);<br/>context.stroke();<br/><br/>context.lineTo(81, 78);<br/>context.stroke();<br/><br/>context.lineTo(76, 79);<br/>context.stroke();<br/><br/>context.lineTo(70, 92);<br/>context.stroke();<br/><br/>context.lineTo(69, 95);<br/>context.stroke();<br/><br/>context.lineTo(69, 96);<br/>context.stroke();<br/><br/>context.lineTo(69, 95);<br/>context.stroke();<br/><br/>context.lineTo(70, 92);<br/>context.stroke();<br/><br/>context.lineTo(71, 90);<br/>context.stroke();<br/><br/>context.lineTo(72, 90);<br/>context.stroke();<br/><br/>context.lineTo(84, 90);<br/>context.stroke();<br/><br/>context.lineTo(99, 89);<br/>context.stroke();<br/><br/>context.lineTo(107, 87);<br/>context.stroke();<br/><br/>context.lineTo(108, 87);<br/>context.stroke();<br/><br/>context.lineTo(104, 87);<br/>context.stroke();<br/><br/>context.lineTo(87, 90);<br/>context.stroke();<br/><br/>context.lineTo(66, 96);<br/>context.stroke();<br/><br/>context.lineTo(50, 102);<br/>context.stroke();<br/><br/>context.lineTo(46, 104);<br/>context.stroke();<br/><br/>context.lineTo(52, 105);<br/>context.stroke();<br/><br/>context.lineTo(78, 104);<br/>context.stroke();<br/><br/>context.lineTo(102, 98);<br/>context.stroke();<br/><br/>context.lineTo(125, 91);<br/>context.stroke();<br/><br/>context.lineTo(129, 90);<br/>context.stroke();<br/><br/>context.lineTo(129, 88);<br/>context.stroke();<br/><br/>context.lineTo(126, 87);<br/>context.stroke();<br/><br/>context.lineTo(108, 89);<br/>context.stroke();<br/><br/>context.lineTo(73, 98);<br/>context.stroke();<br/><br/>context.lineTo(54, 106);<br/>context.stroke();<br/><br/>context.lineTo(45, 111);<br/>context.stroke();<br/><br/>context.lineTo(43, 112);<br/>context.stroke();<br/><br/>context.lineTo(43, 114);<br/>context.stroke();<br/><br/>context.lineTo(52, 115);<br/>context.stroke();<br/><br/>context.lineTo(85, 111);<br/>context.stroke();<br/><br/>context.lineTo(107, 107);<br/>context.stroke();<br/><br/>context.lineTo(118, 101);<br/>context.stroke();<br/><br/>context.lineTo(118, 100);<br/>context.stroke();<br/><br/>context.lineTo(103, 99);<br/>context.stroke();<br/><br/>context.lineTo(80, 99);<br/>context.stroke();<br/><br/>context.lineTo(51, 104);<br/>context.stroke();<br/><br/>context.lineTo(20, 116);<br/>context.stroke();<br/><br/>context.lineTo(11, 120);<br/>context.stroke();<br/><br/>context.lineTo(11, 121);<br/>context.stroke();<br/><br/>context.lineTo(34, 122);<br/>context.stroke();<br/><br/>context.lineTo(80, 122);<br/>context.stroke();<br/><br/>context.lineTo(134, 120);<br/>context.stroke();<br/><br/>context.lineTo(192, 106);<br/>context.stroke();<br/><br/>context.lineTo(196, 104);<br/>context.stroke();<br/><br/>context.lineTo(188, 103);<br/>context.stroke();<br/><br/>context.lineTo(102, 103);<br/>context.stroke();<br/><br/>context.lineTo(23, 108);<br/>context.stroke();<br/><br/>context.lineTo(16, 122);<br/>context.stroke();<br/><br/>context.lineTo(57, 118);<br/>context.stroke();<br/><br/>context.lineTo(79, 110);<br/>context.stroke();<br/><br/>context.lineTo(72, 110);<br/>context.stroke();<br/><br/>context.lineTo(30, 110);<br/>context.stroke();<br/><br/>context.lineTo(40, 119);<br/>context.stroke();<br/><br/>context.lineTo(99, 109);<br/>context.stroke();<br/><br/>context.lineTo(152, 97);<br/>context.stroke();<br/><br/>context.lineTo(158, 93);<br/>context.stroke();<br/><br/>context.lineTo(148, 93);<br/>context.stroke();<br/><br/>context.lineTo(127, 93);<br/>context.stroke();<br/><br/>context.lineTo(5, 93);<br/>context.stroke();<br/><br/>context.lineTo(26, 97);<br/>context.stroke();<br/><br/>context.lineTo(85, 86);<br/>context.stroke();<br/><br/>context.lineTo(145, 79);<br/>context.stroke();<br/><br/>context.lineTo(166, 77);<br/>context.stroke();<br/><br/>context.lineTo(166, 76);<br/>context.stroke();<br/><br/>context.lineTo(164, 77);<br/>context.stroke();<br/><br/>context.lineTo(87, 89);<br/>context.stroke();<br/><br/>context.lineTo(13, 107);<br/>context.stroke();<br/><br/>context.lineTo(6, 111);<br/>context.stroke();<br/><br/>context.lineTo(6, 114);<br/>context.stroke();<br/><br/>context.lineTo(52, 123);<br/>context.stroke();<br/><br/>context.lineTo(114, 123);<br/>context.stroke();<br/><br/>context.lineTo(148, 120);<br/>context.stroke();<br/><br/>context.lineTo(151, 118);<br/>context.stroke();<br/><br/>context.lineTo(137, 118);<br/>context.stroke();<br/><br/>context.lineTo(42, 124);<br/>context.stroke();<br/><br/>context.lineTo(0, 135);<br/>context.stroke();<br/><br/>context.lineTo(19, 125);<br/>context.stroke();<br/><br/>context.lineTo(36, 115);<br/>context.stroke();<br/><br/>context.lineTo(51, 109);<br/>context.stroke();<br/><br/>context.lineTo(50, 110);<br/>context.stroke();<br/><br/>context.lineTo(40, 125);<br/>context.stroke();<br/><br/>context.lineTo(37, 134);<br/>context.stroke();<br/><br/>context.lineTo(37, 135);<br/>context.stroke();<br/><br/>context.lineTo(42, 131);<br/>context.stroke();<br/><br/>context.lineTo(53, 107);<br/>context.stroke();<br/><br/>context.lineTo(56, 86);<br/>context.stroke();<br/><br/>context.lineTo(56, 78);<br/>context.stroke();<br/><br/>context.lineTo(56, 82);<br/>context.stroke();<br/><br/>context.lineTo(56, 112);<br/>context.stroke();<br/><br/>context.lineTo(64, 145);<br/>context.stroke();<br/><br/>context.lineTo(82, 161);<br/>context.stroke();<br/><br/>context.lineTo(112, 155);<br/>context.stroke();<br/><br/>context.lineTo(139, 129);<br/>context.stroke();<br/><br/>context.lineTo(145, 107);<br/>context.stroke();<br/><br/>context.lineTo(146, 92);<br/>context.stroke();<br/><br/>context.lineTo(105, 79);<br/>context.stroke();<br/><br/>context.lineTo(74, 79);<br/>context.stroke();<br/><br/>context.lineTo(43, 97);<br/>context.stroke();<br/><br/>context.lineTo(34, 111);<br/>context.stroke();<br/><br/>context.lineTo(41, 117);<br/>context.stroke();<br/><br/>context.lineTo(87, 120);<br/>context.stroke();<br/><br/>context.lineTo(159, 120);<br/>context.stroke();<br/><br/>context.lineTo(216, 111);<br/>context.stroke();<br/><br/>context.lineTo(230, 105);<br/>context.stroke();<br/><br/>context.lineTo(210, 100);<br/>context.stroke();<br/><br/>context.lineTo(180, 99);<br/>context.stroke();<br/><br/>context.lineTo(141, 119);<br/>context.stroke();<br/><br/>context.lineTo(131, 144);<br/>context.stroke();<br/><br/>context.lineTo(155, 161);<br/>context.stroke();<br/><br/>context.lineTo(206, 167);<br/>context.stroke();<br/><br/>context.lineTo(251, 170);<br/>context.stroke();<br/><br/>context.lineTo(268, 161);<br/>context.stroke();<br/><br/>context.lineTo(242, 150);<br/>context.stroke();<br/><br/>context.lineTo(154, 129);<br/>context.stroke();<br/><br/>context.lineTo(85, 128);<br/>context.stroke();<br/><br/>context.lineTo(45, 152);<br/>context.stroke();<br/><br/>context.lineTo(45, 167);<br/>context.stroke();<br/><br/>context.lineTo(64, 172);<br/>context.stroke();<br/><br/>context.lineTo(108, 160);<br/>context.stroke();<br/><br/>context.lineTo(151, 125);<br/>context.stroke();<br/><br/>context.lineTo(156, 107);<br/>context.stroke();<br/><br/>context.lineTo(134, 95);<br/>context.stroke();<br/><br/>context.lineTo(107, 95);<br/>context.stroke();<br/><br/>context.lineTo(74, 125);<br/>context.stroke();<br/><br/>context.lineTo(78, 144);<br/>context.stroke();<br/><br/>context.lineTo(97, 151);<br/>context.stroke();<br/><br/>context.lineTo(145, 141);<br/>context.stroke();<br/><br/>context.lineTo(161, 123);<br/>context.stroke();<br/><br/>context.lineTo(159, 104);<br/>context.stroke();<br/><br/>context.lineTo(126, 93);<br/>context.stroke();<br/><br/>context.lineTo(79, 110);<br/>context.stroke();<br/><br/>context.lineTo(58, 155);<br/>context.stroke();<br/><br/>context.lineTo(68, 183);<br/>context.stroke();<br/><br/>context.lineTo(111, 189);<br/>context.stroke();<br/><br/>context.lineTo(160, 173);<br/>context.stroke();<br/><br/>context.lineTo(202, 136);<br/>context.stroke();<br/><br/>context.lineTo(193, 108);<br/>context.stroke();<br/><br/>context.lineTo(137, 89);<br/>context.stroke();<br/><br/>context.lineTo(81, 99);<br/>context.stroke();<br/><br/>context.lineTo(7, 211);<br/>context.stroke();<br/><br/>context.lineTo(125, 214);<br/>context.stroke();<br/><br/>context.lineTo(235, 176);<br/>context.stroke();<br/><br/>context.lineTo(250, 158);<br/>context.stroke();<br/><br/>context.lineTo(218, 134);<br/>context.stroke();<br/><br/>context.lineTo(178, 133);<br/>context.stroke();<br/><br/>context.lineTo(136, 139);<br/>context.stroke();<br/><br/>context.lineTo(120, 153);<br/>context.stroke();<br/><br/>context.lineTo(120, 160);<br/>context.stroke();<br/><br/>context.lineTo(158, 160);<br/>context.stroke();<br/><br/>context.lineTo(208, 141);<br/>context.stroke();<br/><br/>context.lineTo(228, 121);<br/>context.stroke();<br/><br/>context.lineTo(205, 108);<br/>context.stroke();<br/><br/>context.lineTo(120, 118);<br/>context.stroke();<br/><br/>context.lineTo(80, 141);<br/>context.stroke();<br/><br/>context.lineTo(70, 168);<br/>context.stroke();<br/><br/>context.lineTo(99, 174);<br/>context.stroke();<br/><br/>context.lineTo(144, 166);<br/>context.stroke();<br/><br/>context.lineTo(177, 145);<br/>context.stroke();<br/><br/>context.lineTo(169, 124);<br/>context.stroke();<br/><br/>context.lineTo(132, 116);<br/>context.stroke();<br/><br/>context.lineTo(84, 133);<br/>context.stroke();<br/><br/>context.lineTo(56, 171);<br/>context.stroke();<br/><br/>context.lineTo(58, 190);<br/>context.stroke();<br/><br/>context.lineTo(78, 191);<br/>context.stroke();<br/><br/>context.lineTo(110, 180);<br/>context.stroke();<br/><br/>context.lineTo(146, 148);<br/>context.stroke();<br/><br/>context.lineTo(141, 139);<br/>context.stroke();<br/><br/>context.lineTo(100, 134);<br/>context.stroke();<br/><br/>context.lineTo(60, 136);<br/>context.stroke();<br/><br/>context.lineTo(28, 150);<br/>context.stroke();<br/><br/>context.lineTo(23, 153);<br/>context.stroke();<br/><br/>context.lineTo(27, 152);<br/>context.stroke();<br/><br/>context.lineTo(63, 121);<br/>context.stroke();<br/><br/>context.lineTo(91, 98);<br/>context.stroke();<br/><br/>context.lineTo(93, 92);<br/>context.stroke();<br/><br/>context.lineTo(61, 82);<br/>context.stroke();<br/><br/>context.lineTo(61, 82);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>