&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(288, 55);<br/><br/>context.lineTo(288, 55);<br/>context.stroke();<br/><br/>context.lineTo(284, 56);<br/>context.stroke();<br/><br/>context.lineTo(272, 58);<br/>context.stroke();<br/><br/>context.lineTo(263, 60);<br/>context.stroke();<br/><br/>context.lineTo(249, 62);<br/>context.stroke();<br/><br/>context.lineTo(244, 62);<br/>context.stroke();<br/><br/>context.lineTo(231, 64);<br/>context.stroke();<br/><br/>context.lineTo(225, 64);<br/>context.stroke();<br/><br/>context.lineTo(215, 65);<br/>context.stroke();<br/><br/>context.lineTo(211, 65);<br/>context.stroke();<br/><br/>context.lineTo(205, 66);<br/>context.stroke();<br/><br/>context.lineTo(204, 66);<br/>context.stroke();<br/><br/>context.lineTo(201, 66);<br/>context.stroke();<br/><br/>context.lineTo(200, 66);<br/>context.stroke();<br/><br/>context.lineTo(197, 66);<br/>context.stroke();<br/><br/>context.lineTo(196, 66);<br/>context.stroke();<br/><br/>context.lineTo(194, 66);<br/>context.stroke();<br/><br/>context.lineTo(190, 66);<br/>context.stroke();<br/><br/>context.lineTo(186, 67);<br/>context.stroke();<br/><br/>context.lineTo(183, 67);<br/>context.stroke();<br/><br/>context.lineTo(176, 67);<br/>context.stroke();<br/><br/>context.lineTo(173, 68);<br/>context.stroke();<br/><br/>context.lineTo(166, 69);<br/>context.stroke();<br/><br/>context.lineTo(162, 69);<br/>context.stroke();<br/><br/>context.lineTo(159, 69);<br/>context.stroke();<br/><br/>context.lineTo(154, 70);<br/>context.stroke();<br/><br/>context.lineTo(151, 70);<br/>context.stroke();<br/><br/>context.lineTo(148, 71);<br/>context.stroke();<br/><br/>context.lineTo(146, 71);<br/>context.stroke();<br/><br/>context.lineTo(144, 72);<br/>context.stroke();<br/><br/>context.lineTo(143, 72);<br/>context.stroke();<br/><br/>context.lineTo(143, 72);<br/>context.stroke();<br/><br/>context.lineTo(142, 72);<br/>context.stroke();<br/><br/>context.lineTo(142, 72);<br/>context.stroke();<br/><br/>context.lineTo(142, 73);<br/>context.stroke();<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 = 9;<br/><br/>context.lineWidth = 8;<br/><br/>context.lineWidth = 7;<br/><br/>context.lineWidth = 6;<br/><br/>context.lineWidth = 5;<br/><br/>context.lineWidth = 6;<br/><br/>context.lineWidth = 7;<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(299, 50);<br/><br/>context.lineTo(299, 50);<br/>context.stroke();<br/><br/>context.lineTo(297, 50);<br/>context.stroke();<br/><br/>context.lineTo(294, 50);<br/>context.stroke();<br/><br/>context.lineTo(283, 51);<br/>context.stroke();<br/><br/>context.lineTo(276, 51);<br/>context.stroke();<br/><br/>context.lineTo(260, 52);<br/>context.stroke();<br/><br/>context.lineTo(251, 51);<br/>context.stroke();<br/><br/>context.lineTo(235, 50);<br/>context.stroke();<br/><br/>context.lineTo(226, 50);<br/>context.stroke();<br/><br/>context.lineTo(214, 50);<br/>context.stroke();<br/><br/>context.lineTo(211, 50);<br/>context.stroke();<br/><br/>context.lineTo(204, 50);<br/>context.stroke();<br/><br/>context.lineTo(201, 50);<br/>context.stroke();<br/><br/>context.lineTo(194, 51);<br/>context.stroke();<br/><br/>context.lineTo(190, 51);<br/>context.stroke();<br/><br/>context.lineTo(182, 51);<br/>context.stroke();<br/><br/>context.lineTo(178, 51);<br/>context.stroke();<br/><br/>context.lineTo(170, 51);<br/>context.stroke();<br/><br/>context.lineTo(167, 50);<br/>context.stroke();<br/><br/>context.lineTo(160, 50);<br/>context.stroke();<br/><br/>context.lineTo(158, 50);<br/>context.stroke();<br/><br/>context.lineTo(156, 50);<br/>context.stroke();<br/><br/>context.lineTo(154, 50);<br/>context.stroke();<br/><br/>context.lineTo(153, 50);<br/>context.stroke();<br/><br/>context.lineTo(152, 50);<br/>context.stroke();<br/><br/>context.lineTo(152, 50);<br/>context.stroke();<br/><br/>context.lineTo(151, 51);<br/>context.stroke();<br/><br/>context.lineTo(150, 51);<br/>context.stroke();<br/><br/>context.lineTo(149, 51);<br/>context.stroke();<br/><br/>context.lineTo(149, 51);<br/>context.stroke();<br/><br/>context.lineTo(148, 51);<br/>context.stroke();<br/><br/>context.lineTo(147, 51);<br/>context.stroke();<br/><br/>context.lineTo(146, 51);<br/>context.stroke();<br/><br/>context.lineTo(146, 51);<br/>context.stroke();<br/><br/>context.lineTo(145, 52);<br/>context.stroke();<br/><br/>context.lineTo(145, 54);<br/>context.stroke();<br/><br/>context.lineTo(145, 56);<br/>context.stroke();<br/><br/>context.lineTo(144, 56);<br/>context.stroke();<br/><br/>context.lineTo(144, 58);<br/>context.stroke();<br/><br/>context.lineTo(144, 58);<br/>context.stroke();<br/><br/>context.lineTo(144, 59);<br/>context.stroke();<br/><br/>context.lineTo(144, 60);<br/>context.stroke();<br/><br/>context.lineTo(145, 61);<br/>context.stroke();<br/><br/>context.lineTo(145, 61);<br/>context.stroke();<br/><br/>context.lineTo(146, 62);<br/>context.stroke();<br/><br/>context.lineTo(147, 62);<br/>context.stroke();<br/><br/>context.lineTo(149, 63);<br/>context.stroke();<br/><br/>context.lineTo(151, 64);<br/>context.stroke();<br/><br/>context.lineTo(154, 64);<br/>context.stroke();<br/><br/>context.lineTo(157, 65);<br/>context.stroke();<br/><br/>context.lineTo(164, 66);<br/>context.stroke();<br/><br/>context.lineTo(168, 66);<br/>context.stroke();<br/><br/>context.lineTo(176, 67);<br/>context.stroke();<br/><br/>context.lineTo(182, 68);<br/>context.stroke();<br/><br/>context.lineTo(192, 68);<br/>context.stroke();<br/><br/>context.lineTo(198, 68);<br/>context.stroke();<br/><br/>context.lineTo(204, 69);<br/>context.stroke();<br/><br/>context.lineTo(215, 69);<br/>context.stroke();<br/><br/>context.lineTo(221, 69);<br/>context.stroke();<br/><br/>context.lineTo(230, 70);<br/>context.stroke();<br/><br/>context.lineTo(234, 70);<br/>context.stroke();<br/><br/>context.lineTo(243, 70);<br/>context.stroke();<br/><br/>context.lineTo(247, 70);<br/>context.stroke();<br/><br/>context.lineTo(255, 69);<br/>context.stroke();<br/><br/>context.lineTo(259, 69);<br/>context.stroke();<br/><br/>context.lineTo(266, 69);<br/>context.stroke();<br/><br/>context.lineTo(270, 69);<br/>context.stroke();<br/><br/>context.lineTo(277, 69);<br/>context.stroke();<br/><br/>context.lineTo(280, 69);<br/>context.stroke();<br/><br/>context.lineTo(285, 68);<br/>context.stroke();<br/><br/>context.lineTo(286, 68);<br/>context.stroke();<br/><br/>context.lineTo(289, 68);<br/>context.stroke();<br/><br/>context.lineTo(290, 68);<br/>context.stroke();<br/><br/>context.lineTo(291, 68);<br/>context.stroke();<br/><br/>context.lineTo(291, 68);<br/>context.stroke();<br/><br/>context.lineTo(292, 68);<br/>context.stroke();<br/><br/>context.lineTo(292, 68);<br/>context.stroke();<br/><br/>context.lineTo(292, 68);<br/>context.stroke();<br/><br/>context.lineTo(292, 67);<br/>context.stroke();<br/><br/>context.lineTo(291, 67);<br/>context.stroke();<br/><br/>context.lineTo(291, 66);<br/>context.stroke();<br/><br/>context.lineTo(291, 65);<br/>context.stroke();<br/><br/>context.lineTo(291, 64);<br/>context.stroke();<br/><br/>context.lineTo(289, 62);<br/>context.stroke();<br/><br/>context.lineTo(288, 61);<br/>context.stroke();<br/><br/>context.lineTo(284, 59);<br/>context.stroke();<br/><br/>context.lineTo(281, 59);<br/>context.stroke();<br/><br/>context.lineTo(274, 58);<br/>context.stroke();<br/><br/>context.lineTo(270, 58);<br/>context.stroke();<br/><br/>context.lineTo(258, 59);<br/>context.stroke();<br/><br/>context.lineTo(252, 59);<br/>context.stroke();<br/><br/>context.lineTo(247, 59);<br/>context.stroke();<br/><br/>context.lineTo(245, 59);<br/>context.stroke();<br/><br/>context.lineTo(244, 59);<br/>context.stroke();<br/><br/>context.lineTo(244, 59);<br/>context.stroke();<br/><br/>context.lineTo(247, 59);<br/>context.stroke();<br/><br/>context.lineTo(258, 58);<br/>context.stroke();<br/><br/>context.lineTo(265, 58);<br/>context.stroke();<br/><br/>context.lineTo(273, 58);<br/>context.stroke();<br/><br/>context.lineTo(275, 58);<br/>context.stroke();<br/><br/>context.lineTo(275, 58);<br/>context.stroke();<br/><br/>context.lineTo(271, 58);<br/>context.stroke();<br/><br/>context.lineTo(262, 58);<br/>context.stroke();<br/><br/>context.lineTo(254, 58);<br/>context.stroke();<br/><br/>context.lineTo(216, 56);<br/>context.stroke();<br/><br/>context.lineTo(201, 54);<br/>context.stroke();<br/><br/>context.lineTo(171, 52);<br/>context.stroke();<br/><br/>context.lineTo(157, 51);<br/>context.stroke();<br/><br/>context.lineTo(144, 50);<br/>context.stroke();<br/><br/>context.lineTo(141, 50);<br/>context.stroke();<br/><br/>context.lineTo(141, 50);<br/>context.stroke();<br/><br/>context.lineTo(141, 50);<br/>context.stroke();<br/><br/>context.lineTo(144, 50);<br/>context.stroke();<br/><br/>context.lineTo(161, 50);<br/>context.stroke();<br/><br/>context.lineTo(175, 50);<br/>context.stroke();<br/><br/>context.lineTo(197, 51);<br/>context.stroke();<br/><br/>context.lineTo(206, 51);<br/>context.stroke();<br/><br/>context.lineTo(217, 52);<br/>context.stroke();<br/><br/>context.lineTo(219, 52);<br/>context.stroke();<br/><br/>context.lineTo(219, 52);<br/>context.stroke();<br/><br/>context.lineTo(219, 52);<br/>context.stroke();<br/><br/>context.lineTo(213, 53);<br/>context.stroke();<br/><br/>context.lineTo(204, 55);<br/>context.stroke();<br/><br/>context.lineTo(184, 58);<br/>context.stroke();<br/><br/>context.lineTo(172, 61);<br/>context.stroke();<br/><br/>context.lineTo(154, 65);<br/>context.stroke();<br/><br/>context.lineTo(149, 65);<br/>context.stroke();<br/><br/>context.lineTo(142, 66);<br/>context.stroke();<br/><br/>context.lineTo(141, 67);<br/>context.stroke();<br/><br/>context.lineTo(141, 67);<br/>context.stroke();<br/><br/>context.lineTo(141, 67);<br/>context.stroke();<br/><br/>context.lineTo(142, 67);<br/>context.stroke();<br/><br/>context.lineTo(145, 66);<br/>context.stroke();<br/><br/>context.lineTo(164, 65);<br/>context.stroke();<br/><br/>context.lineTo(175, 64);<br/>context.stroke();<br/><br/>context.lineTo(210, 63);<br/>context.stroke();<br/><br/>context.lineTo(230, 62);<br/>context.stroke();<br/><br/>context.lineTo(261, 62);<br/>context.stroke();<br/><br/>context.lineTo(276, 61);<br/>context.stroke();<br/><br/>context.lineTo(297, 61);<br/>context.stroke();<br/><br/>context.lineTo(306, 61);<br/>context.stroke();<br/><br/>context.lineTo(314, 61);<br/>context.stroke();<br/><br/>context.lineTo(316, 61);<br/>context.stroke();<br/><br/>context.lineTo(319, 61);<br/>context.stroke();<br/><br/>context.lineTo(319, 61);<br/>context.stroke();<br/><br/>context.lineTo(320, 61);<br/>context.stroke();<br/><br/>context.lineTo(320, 61);<br/>context.stroke();<br/><br/>context.lineTo(320, 61);<br/>context.stroke();<br/><br/>context.lineTo(319, 61);<br/>context.stroke();<br/><br/>context.lineTo(315, 61);<br/>context.stroke();<br/><br/>context.lineTo(309, 61);<br/>context.stroke();<br/><br/>context.lineTo(286, 63);<br/>context.stroke();<br/><br/>context.lineTo(265, 64);<br/>context.stroke();<br/><br/>context.lineTo(230, 67);<br/>context.stroke();<br/><br/>context.lineTo(218, 69);<br/>context.stroke();<br/><br/>context.lineTo(205, 70);<br/>context.stroke();<br/><br/>context.lineTo(193, 72);<br/>context.stroke();<br/><br/>context.lineTo(191, 72);<br/>context.stroke();<br/><br/>context.lineTo(191, 72);<br/>context.stroke();<br/><br/>context.lineTo(191, 72);<br/>context.stroke();<br/><br/>context.lineTo(192, 72);<br/>context.stroke();<br/><br/>context.lineTo(194, 71);<br/>context.stroke();<br/><br/>context.lineTo(208, 69);<br/>context.stroke();<br/><br/>context.lineTo(221, 65);<br/>context.stroke();<br/><br/>context.lineTo(248, 61);<br/>context.stroke();<br/><br/>context.lineTo(261, 60);<br/>context.stroke();<br/><br/>context.lineTo(283, 59);<br/>context.stroke();<br/><br/>context.lineTo(291, 58);<br/>context.stroke();<br/><br/>context.lineTo(305, 58);<br/>context.stroke();<br/><br/>context.lineTo(307, 58);<br/>context.stroke();<br/><br/>context.lineTo(309, 58);<br/>context.stroke();<br/><br/>context.lineTo(309, 58);<br/>context.stroke();<br/><br/>context.lineTo(308, 58);<br/>context.stroke();<br/><br/>context.lineTo(306, 57);<br/>context.stroke();<br/><br/>context.lineTo(289, 57);<br/>context.stroke();<br/><br/>context.lineTo(270, 56);<br/>context.stroke();<br/><br/>context.lineTo(224, 56);<br/>context.stroke();<br/><br/>context.lineTo(192, 57);<br/>context.stroke();<br/><br/>context.lineTo(149, 59);<br/>context.stroke();<br/><br/>context.lineTo(135, 60);<br/>context.stroke();<br/><br/>context.lineTo(115, 61);<br/>context.stroke();<br/><br/>context.lineTo(111, 61);<br/>context.stroke();<br/><br/>context.lineTo(112, 60);<br/>context.stroke();<br/><br/>context.lineTo(118, 59);<br/>context.stroke();<br/><br/>context.lineTo(130, 58);<br/>context.stroke();<br/><br/>context.lineTo(159, 54);<br/>context.stroke();<br/><br/>context.lineTo(184, 52);<br/>context.stroke();<br/><br/>context.lineTo(223, 49);<br/>context.stroke();<br/><br/>context.lineTo(239, 49);<br/>context.stroke();<br/><br/>context.lineTo(247, 49);<br/>context.stroke();<br/><br/>context.lineTo(257, 49);<br/>context.stroke();<br/><br/>context.lineTo(258, 49);<br/>context.stroke();<br/><br/>context.lineTo(257, 50);<br/>context.stroke();<br/><br/>context.lineTo(253, 51);<br/>context.stroke();<br/><br/>context.lineTo(231, 56);<br/>context.stroke();<br/><br/>context.lineTo(215, 60);<br/>context.stroke();<br/><br/>context.lineTo(194, 65);<br/>context.stroke();<br/><br/>context.lineTo(182, 68);<br/>context.stroke();<br/><br/>context.lineTo(164, 71);<br/>context.stroke();<br/><br/>context.lineTo(156, 72);<br/>context.stroke();<br/><br/>context.lineTo(147, 72);<br/>context.stroke();<br/><br/>context.lineTo(146, 72);<br/>context.stroke();<br/><br/>context.lineTo(145, 72);<br/>context.stroke();<br/><br/>context.lineTo(147, 72);<br/>context.stroke();<br/><br/>context.lineTo(150, 72);<br/>context.stroke();<br/><br/>context.lineTo(166, 71);<br/>context.stroke();<br/><br/>context.lineTo(175, 70);<br/>context.stroke();<br/><br/>context.lineTo(195, 68);<br/>context.stroke();<br/><br/>context.lineTo(200, 68);<br/>context.stroke();<br/><br/>context.lineTo(203, 68);<br/>context.stroke();<br/><br/>context.lineTo(201, 68);<br/>context.stroke();<br/><br/>context.lineTo(197, 67);<br/>context.stroke();<br/><br/>context.lineTo(186, 67);<br/>context.stroke();<br/><br/>context.lineTo(161, 68);<br/>context.stroke();<br/><br/>context.lineTo(137, 69);<br/>context.stroke();<br/><br/>context.lineTo(131, 69);<br/>context.stroke();<br/><br/>context.lineTo(127, 69);<br/>context.stroke();<br/><br/>context.lineTo(126, 69);<br/>context.stroke();<br/><br/>context.lineTo(126, 69);<br/>context.stroke();<br/><br/>context.lineTo(127, 69);<br/>context.stroke();<br/><br/>context.lineTo(132, 67);<br/>context.stroke();<br/><br/>context.lineTo(156, 64);<br/>context.stroke();<br/><br/>context.lineTo(165, 63);<br/>context.stroke();<br/><br/>context.lineTo(186, 62);<br/>context.stroke();<br/><br/>context.lineTo(193, 62);<br/>context.stroke();<br/><br/>context.lineTo(200, 61);<br/>context.stroke();<br/><br/>context.lineTo(201, 61);<br/>context.stroke();<br/><br/>context.lineTo(201, 61);<br/>context.stroke();<br/><br/>context.lineTo(200, 61);<br/>context.stroke();<br/><br/>context.lineTo(188, 62);<br/>context.stroke();<br/><br/>context.lineTo(180, 62);<br/>context.stroke();<br/><br/>context.lineTo(159, 64);<br/>context.stroke();<br/><br/>context.lineTo(151, 66);<br/>context.stroke();<br/><br/>context.lineTo(144, 67);<br/>context.stroke();<br/><br/>context.lineTo(142, 67);<br/>context.stroke();<br/><br/>context.lineTo(142, 67);<br/>context.stroke();<br/><br/>context.lineTo(143, 67);<br/>context.stroke();<br/><br/>context.lineTo(144, 67);<br/>context.stroke();<br/><br/>context.lineTo(157, 68);<br/>context.stroke();<br/><br/>context.lineTo(167, 68);<br/>context.stroke();<br/><br/>context.lineTo(171, 69);<br/>context.stroke();<br/><br/>context.lineTo(177, 70);<br/>context.stroke();<br/><br/>context.lineTo(177, 70);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(142, 69);<br/><br/>context.lineTo(141, 70);<br/>context.stroke();<br/><br/>context.lineTo(140, 70);<br/>context.stroke();<br/><br/>context.lineTo(139, 71);<br/>context.stroke();<br/><br/>context.lineTo(137, 72);<br/>context.stroke();<br/><br/>context.lineTo(137, 72);<br/>context.stroke();<br/><br/>context.lineTo(137, 72);<br/>context.stroke();<br/><br/>context.lineTo(144, 73);<br/>context.stroke();<br/><br/>context.lineTo(152, 73);<br/>context.stroke();<br/><br/>context.lineTo(171, 75);<br/>context.stroke();<br/><br/>context.lineTo(178, 75);<br/>context.stroke();<br/><br/>context.lineTo(182, 76);<br/>context.stroke();<br/><br/>context.lineTo(183, 76);<br/>context.stroke();<br/><br/>context.lineTo(183, 76);<br/>context.stroke();<br/><br/>context.lineTo(182, 76);<br/>context.stroke();<br/><br/>context.lineTo(174, 76);<br/>context.stroke();<br/><br/>context.lineTo(168, 76);<br/>context.stroke();<br/><br/>context.lineTo(153, 75);<br/>context.stroke();<br/><br/>context.lineTo(144, 75);<br/>context.stroke();<br/><br/>context.lineTo(135, 74);<br/>context.stroke();<br/><br/>context.lineTo(132, 74);<br/>context.stroke();<br/><br/>context.lineTo(129, 73);<br/>context.stroke();<br/><br/>context.lineTo(129, 73);<br/>context.stroke();<br/><br/>context.lineTo(129, 73);<br/>context.stroke();<br/><br/>context.lineTo(136, 73);<br/>context.stroke();<br/><br/>context.lineTo(151, 73);<br/>context.stroke();<br/><br/>context.lineTo(162, 73);<br/>context.stroke();<br/><br/>context.lineTo(182, 73);<br/>context.stroke();<br/><br/>context.lineTo(195, 73);<br/>context.stroke();<br/><br/>context.lineTo(215, 75);<br/>context.stroke();<br/><br/>context.lineTo(220, 75);<br/>context.stroke();<br/><br/>context.lineTo(225, 76);<br/>context.stroke();<br/><br/>context.lineTo(226, 76);<br/>context.stroke();<br/><br/>context.lineTo(226, 76);<br/>context.stroke();<br/><br/>context.lineTo(224, 76);<br/>context.stroke();<br/><br/>context.lineTo(224, 76);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>