&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(64, 43);<br/><br/>context.lineTo(64, 40);<br/>context.stroke();<br/><br/>context.lineTo(62, 37);<br/>context.stroke();<br/><br/>context.lineTo(58, 34);<br/>context.stroke();<br/><br/>context.lineTo(54, 32);<br/>context.stroke();<br/><br/>context.lineTo(51, 30);<br/>context.stroke();<br/><br/>context.lineTo(48, 30);<br/>context.stroke();<br/><br/>context.lineTo(47, 30);<br/>context.stroke();<br/><br/>context.lineTo(46, 30);<br/>context.stroke();<br/><br/>context.lineTo(43, 30);<br/>context.stroke();<br/><br/>context.lineTo(42, 31);<br/>context.stroke();<br/><br/>context.lineTo(40, 32);<br/>context.stroke();<br/><br/>context.lineTo(39, 33);<br/>context.stroke();<br/><br/>context.lineTo(38, 34);<br/>context.stroke();<br/><br/>context.lineTo(36, 36);<br/>context.stroke();<br/><br/>context.lineTo(34, 38);<br/>context.stroke();<br/><br/>context.lineTo(33, 39);<br/>context.stroke();<br/><br/>context.lineTo(33, 41);<br/>context.stroke();<br/><br/>context.lineTo(32, 42);<br/>context.stroke();<br/><br/>context.lineTo(32, 44);<br/>context.stroke();<br/><br/>context.lineTo(32, 45);<br/>context.stroke();<br/><br/>context.lineTo(32, 48);<br/>context.stroke();<br/><br/>context.lineTo(33, 50);<br/>context.stroke();<br/><br/>context.lineTo(35, 52);<br/>context.stroke();<br/><br/>context.lineTo(39, 54);<br/>context.stroke();<br/><br/>context.lineTo(41, 56);<br/>context.stroke();<br/><br/>context.lineTo(42, 56);<br/>context.stroke();<br/><br/>context.lineTo(44, 57);<br/>context.stroke();<br/><br/>context.lineTo(46, 58);<br/>context.stroke();<br/><br/>context.lineTo(47, 59);<br/>context.stroke();<br/><br/>context.lineTo(49, 59);<br/>context.stroke();<br/><br/>context.lineTo(50, 59);<br/>context.stroke();<br/><br/>context.lineTo(51, 59);<br/>context.stroke();<br/><br/>context.lineTo(52, 59);<br/>context.stroke();<br/><br/>context.lineTo(53, 59);<br/>context.stroke();<br/><br/>context.lineTo(53, 57);<br/>context.stroke();<br/><br/>context.lineTo(53, 57);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(105, 36);<br/><br/>context.lineTo(104, 36);<br/>context.stroke();<br/><br/>context.lineTo(103, 36);<br/>context.stroke();<br/><br/>context.lineTo(102, 36);<br/>context.stroke();<br/><br/>context.lineTo(100, 36);<br/>context.stroke();<br/><br/>context.lineTo(97, 37);<br/>context.stroke();<br/><br/>context.lineTo(94, 37);<br/>context.stroke();<br/><br/>context.lineTo(89, 39);<br/>context.stroke();<br/><br/>context.lineTo(86, 40);<br/>context.stroke();<br/><br/>context.lineTo(84, 42);<br/>context.stroke();<br/><br/>context.lineTo(82, 44);<br/>context.stroke();<br/><br/>context.lineTo(82, 46);<br/>context.stroke();<br/><br/>context.lineTo(81, 47);<br/>context.stroke();<br/><br/>context.lineTo(81, 50);<br/>context.stroke();<br/><br/>context.lineTo(81, 52);<br/>context.stroke();<br/><br/>context.lineTo(84, 54);<br/>context.stroke();<br/><br/>context.lineTo(86, 56);<br/>context.stroke();<br/><br/>context.lineTo(89, 57);<br/>context.stroke();<br/><br/>context.lineTo(92, 57);<br/>context.stroke();<br/><br/>context.lineTo(95, 58);<br/>context.stroke();<br/><br/>context.lineTo(98, 58);<br/>context.stroke();<br/><br/>context.lineTo(102, 58);<br/>context.stroke();<br/><br/>context.lineTo(103, 58);<br/>context.stroke();<br/><br/>context.lineTo(105, 57);<br/>context.stroke();<br/><br/>context.lineTo(107, 56);<br/>context.stroke();<br/><br/>context.lineTo(108, 55);<br/>context.stroke();<br/><br/>context.lineTo(108, 53);<br/>context.stroke();<br/><br/>context.lineTo(109, 51);<br/>context.stroke();<br/><br/>context.lineTo(109, 47);<br/>context.stroke();<br/><br/>context.lineTo(109, 45);<br/>context.stroke();<br/><br/>context.lineTo(109, 44);<br/>context.stroke();<br/><br/>context.lineTo(109, 43);<br/>context.stroke();<br/><br/>context.lineTo(109, 42);<br/>context.stroke();<br/><br/>context.lineTo(108, 41);<br/>context.stroke();<br/><br/>context.lineTo(108, 40);<br/>context.stroke();<br/><br/>context.lineTo(107, 40);<br/>context.stroke();<br/><br/>context.lineTo(107, 39);<br/>context.stroke();<br/><br/>context.lineTo(104, 36);<br/>context.stroke();<br/><br/>context.lineTo(102, 35);<br/>context.stroke();<br/><br/>context.lineTo(101, 35);<br/>context.stroke();<br/><br/>context.lineTo(101, 34);<br/>context.stroke();<br/><br/>context.lineTo(101, 34);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(147, 37);<br/><br/>context.lineTo(146, 35);<br/>context.stroke();<br/><br/>context.lineTo(144, 34);<br/>context.stroke();<br/><br/>context.lineTo(142, 33);<br/>context.stroke();<br/><br/>context.lineTo(138, 33);<br/>context.stroke();<br/><br/>context.lineTo(136, 33);<br/>context.stroke();<br/><br/>context.lineTo(134, 33);<br/>context.stroke();<br/><br/>context.lineTo(128, 36);<br/>context.stroke();<br/><br/>context.lineTo(127, 38);<br/>context.stroke();<br/><br/>context.lineTo(126, 40);<br/>context.stroke();<br/><br/>context.lineTo(125, 41);<br/>context.stroke();<br/><br/>context.lineTo(124, 43);<br/>context.stroke();<br/><br/>context.lineTo(124, 46);<br/>context.stroke();<br/><br/>context.lineTo(124, 48);<br/>context.stroke();<br/><br/>context.lineTo(124, 49);<br/>context.stroke();<br/><br/>context.lineTo(124, 51);<br/>context.stroke();<br/><br/>context.lineTo(124, 52);<br/>context.stroke();<br/><br/>context.lineTo(127, 55);<br/>context.stroke();<br/><br/>context.lineTo(129, 57);<br/>context.stroke();<br/><br/>context.lineTo(132, 58);<br/>context.stroke();<br/><br/>context.lineTo(136, 58);<br/>context.stroke();<br/><br/>context.lineTo(141, 58);<br/>context.stroke();<br/><br/>context.lineTo(145, 58);<br/>context.stroke();<br/><br/>context.lineTo(148, 58);<br/>context.stroke();<br/><br/>context.lineTo(149, 57);<br/>context.stroke();<br/><br/>context.lineTo(149, 56);<br/>context.stroke();<br/><br/>context.lineTo(150, 56);<br/>context.stroke();<br/><br/>context.lineTo(150, 55);<br/>context.stroke();<br/><br/>context.lineTo(150, 55);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(173, 31);<br/><br/>context.lineTo(173, 32);<br/>context.stroke();<br/><br/>context.lineTo(173, 40);<br/>context.stroke();<br/><br/>context.lineTo(173, 42);<br/>context.stroke();<br/><br/>context.lineTo(173, 44);<br/>context.stroke();<br/><br/>context.lineTo(173, 45);<br/>context.stroke();<br/><br/>context.lineTo(174, 47);<br/>context.stroke();<br/><br/>context.lineTo(174, 48);<br/>context.stroke();<br/><br/>context.lineTo(176, 49);<br/>context.stroke();<br/><br/>context.lineTo(177, 49);<br/>context.stroke();<br/><br/>context.lineTo(179, 51);<br/>context.stroke();<br/><br/>context.lineTo(180, 51);<br/>context.stroke();<br/><br/>context.lineTo(182, 52);<br/>context.stroke();<br/><br/>context.lineTo(187, 52);<br/>context.stroke();<br/><br/>context.lineTo(189, 52);<br/>context.stroke();<br/><br/>context.lineTo(192, 52);<br/>context.stroke();<br/><br/>context.lineTo(193, 52);<br/>context.stroke();<br/><br/>context.lineTo(194, 52);<br/>context.stroke();<br/><br/>context.lineTo(196, 50);<br/>context.stroke();<br/><br/>context.lineTo(197, 46);<br/>context.stroke();<br/><br/>context.lineTo(198, 45);<br/>context.stroke();<br/><br/>context.lineTo(199, 44);<br/>context.stroke();<br/><br/>context.lineTo(200, 41);<br/>context.stroke();<br/><br/>context.lineTo(200, 39);<br/>context.stroke();<br/><br/>context.lineTo(200, 38);<br/>context.stroke();<br/><br/>context.lineTo(201, 38);<br/>context.stroke();<br/><br/>context.lineTo(201, 37);<br/>context.stroke();<br/><br/>context.lineTo(201, 35);<br/>context.stroke();<br/><br/>context.lineTo(201, 34);<br/>context.stroke();<br/><br/>context.lineTo(202, 34);<br/>context.stroke();<br/><br/>context.lineTo(203, 34);<br/>context.stroke();<br/><br/>context.lineTo(203, 35);<br/>context.stroke();<br/><br/>context.lineTo(203, 36);<br/>context.stroke();<br/><br/>context.lineTo(204, 37);<br/>context.stroke();<br/><br/>context.lineTo(205, 41);<br/>context.stroke();<br/><br/>context.lineTo(207, 42);<br/>context.stroke();<br/><br/>context.lineTo(207, 45);<br/>context.stroke();<br/><br/>context.lineTo(208, 48);<br/>context.stroke();<br/><br/>context.lineTo(208, 49);<br/>context.stroke();<br/><br/>context.lineTo(209, 50);<br/>context.stroke();<br/><br/>context.lineTo(210, 51);<br/>context.stroke();<br/><br/>context.lineTo(210, 52);<br/>context.stroke();<br/><br/>context.lineTo(211, 52);<br/>context.stroke();<br/><br/>context.lineTo(211, 53);<br/>context.stroke();<br/><br/>context.lineTo(212, 54);<br/>context.stroke();<br/><br/>context.lineTo(212, 55);<br/>context.stroke();<br/><br/>context.lineTo(213, 56);<br/>context.stroke();<br/><br/>context.lineTo(214, 56);<br/>context.stroke();<br/><br/>context.lineTo(214, 57);<br/>context.stroke();<br/><br/>context.lineTo(214, 58);<br/>context.stroke();<br/><br/>context.lineTo(215, 58);<br/>context.stroke();<br/><br/>context.lineTo(215, 59);<br/>context.stroke();<br/><br/>context.lineTo(216, 60);<br/>context.stroke();<br/><br/>context.lineTo(217, 61);<br/>context.stroke();<br/><br/>context.lineTo(217, 62);<br/>context.stroke();<br/><br/>context.lineTo(217, 63);<br/>context.stroke();<br/><br/>context.lineTo(217, 63);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(283, 32);<br/><br/>context.lineTo(281, 32);<br/>context.stroke();<br/><br/>context.lineTo(279, 35);<br/>context.stroke();<br/><br/>context.lineTo(275, 39);<br/>context.stroke();<br/><br/>context.lineTo(273, 42);<br/>context.stroke();<br/><br/>context.lineTo(270, 45);<br/>context.stroke();<br/><br/>context.lineTo(269, 47);<br/>context.stroke();<br/><br/>context.lineTo(268, 49);<br/>context.stroke();<br/><br/>context.lineTo(267, 51);<br/>context.stroke();<br/><br/>context.lineTo(267, 52);<br/>context.stroke();<br/><br/>context.lineTo(266, 52);<br/>context.stroke();<br/><br/>context.lineTo(266, 53);<br/>context.stroke();<br/><br/>context.lineTo(264, 55);<br/>context.stroke();<br/><br/>context.lineTo(264, 56);<br/>context.stroke();<br/><br/>context.lineTo(263, 57);<br/>context.stroke();<br/><br/>context.lineTo(262, 58);<br/>context.stroke();<br/><br/>context.lineTo(262, 59);<br/>context.stroke();<br/><br/>context.lineTo(260, 60);<br/>context.stroke();<br/><br/>context.lineTo(259, 61);<br/>context.stroke();<br/><br/>context.lineTo(259, 62);<br/>context.stroke();<br/><br/>context.lineTo(259, 62);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(254, 32);<br/><br/>context.lineTo(256, 32);<br/>context.stroke();<br/><br/>context.lineTo(257, 32);<br/>context.stroke();<br/><br/>context.lineTo(261, 33);<br/>context.stroke();<br/><br/>context.lineTo(265, 35);<br/>context.stroke();<br/><br/>context.lineTo(268, 37);<br/>context.stroke();<br/><br/>context.lineTo(270, 38);<br/>context.stroke();<br/><br/>context.lineTo(271, 39);<br/>context.stroke();<br/><br/>context.lineTo(273, 41);<br/>context.stroke();<br/><br/>context.lineTo(275, 43);<br/>context.stroke();<br/><br/>context.lineTo(277, 44);<br/>context.stroke();<br/><br/>context.lineTo(278, 45);<br/>context.stroke();<br/><br/>context.lineTo(278, 46);<br/>context.stroke();<br/><br/>context.lineTo(280, 47);<br/>context.stroke();<br/><br/>context.lineTo(280, 48);<br/>context.stroke();<br/><br/>context.lineTo(281, 49);<br/>context.stroke();<br/><br/>context.lineTo(282, 50);<br/>context.stroke();<br/><br/>context.lineTo(282, 51);<br/>context.stroke();<br/><br/>context.lineTo(283, 52);<br/>context.stroke();<br/><br/>context.lineTo(284, 52);<br/>context.stroke();<br/><br/>context.lineTo(284, 53);<br/>context.stroke();<br/><br/>context.lineTo(284, 54);<br/>context.stroke();<br/><br/>context.lineTo(284, 55);<br/>context.stroke();<br/><br/>context.lineTo(285, 55);<br/>context.stroke();<br/><br/>context.lineTo(285, 55);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(297, 34);<br/><br/>context.lineTo(298, 33);<br/>context.stroke();<br/><br/>context.lineTo(299, 33);<br/>context.stroke();<br/><br/>context.lineTo(302, 34);<br/>context.stroke();<br/><br/>context.lineTo(304, 35);<br/>context.stroke();<br/><br/>context.lineTo(306, 37);<br/>context.stroke();<br/><br/>context.lineTo(308, 39);<br/>context.stroke();<br/><br/>context.lineTo(309, 40);<br/>context.stroke();<br/><br/>context.lineTo(310, 41);<br/>context.stroke();<br/><br/>context.lineTo(311, 42);<br/>context.stroke();<br/><br/>context.lineTo(312, 43);<br/>context.stroke();<br/><br/>context.lineTo(312, 44);<br/>context.stroke();<br/><br/>context.lineTo(313, 44);<br/>context.stroke();<br/><br/>context.lineTo(314, 45);<br/>context.stroke();<br/><br/>context.lineTo(314, 46);<br/>context.stroke();<br/><br/>context.lineTo(315, 46);<br/>context.stroke();<br/><br/>context.lineTo(315, 46);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(301, 63);<br/><br/>context.lineTo(303, 61);<br/>context.stroke();<br/><br/>context.lineTo(307, 57);<br/>context.stroke();<br/><br/>context.lineTo(307, 56);<br/>context.stroke();<br/><br/>context.lineTo(309, 54);<br/>context.stroke();<br/><br/>context.lineTo(311, 52);<br/>context.stroke();<br/><br/>context.lineTo(312, 51);<br/>context.stroke();<br/><br/>context.lineTo(313, 48);<br/>context.stroke();<br/><br/>context.lineTo(314, 46);<br/>context.stroke();<br/><br/>context.lineTo(316, 43);<br/>context.stroke();<br/><br/>context.lineTo(318, 41);<br/>context.stroke();<br/><br/>context.lineTo(319, 40);<br/>context.stroke();<br/><br/>context.lineTo(321, 38);<br/>context.stroke();<br/><br/>context.lineTo(323, 36);<br/>context.stroke();<br/><br/>context.lineTo(324, 34);<br/>context.stroke();<br/><br/>context.lineTo(325, 33);<br/>context.stroke();<br/><br/>context.lineTo(325, 32);<br/>context.stroke();<br/><br/>context.lineTo(326, 32);<br/>context.stroke();<br/><br/>context.lineTo(326, 31);<br/>context.stroke();<br/><br/>context.lineTo(327, 31);<br/>context.stroke();<br/><br/>context.lineTo(327, 31);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(345, 31);<br/><br/>context.lineTo(346, 31);<br/>context.stroke();<br/><br/>context.lineTo(347, 32);<br/>context.stroke();<br/><br/>context.lineTo(348, 35);<br/>context.stroke();<br/><br/>context.lineTo(349, 36);<br/>context.stroke();<br/><br/>context.lineTo(350, 39);<br/>context.stroke();<br/><br/>context.lineTo(351, 43);<br/>context.stroke();<br/><br/>context.lineTo(352, 44);<br/>context.stroke();<br/><br/>context.lineTo(353, 45);<br/>context.stroke();<br/><br/>context.lineTo(354, 45);<br/>context.stroke();<br/><br/>context.lineTo(354, 46);<br/>context.stroke();<br/><br/>context.lineTo(355, 47);<br/>context.stroke();<br/><br/>context.lineTo(355, 48);<br/>context.stroke();<br/><br/>context.lineTo(355, 49);<br/>context.stroke();<br/><br/>context.lineTo(355, 49);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(350, 35);<br/><br/>context.lineTo(350, 36);<br/>context.stroke();<br/><br/>context.lineTo(350, 38);<br/>context.stroke();<br/><br/>context.lineTo(352, 41);<br/>context.stroke();<br/><br/>context.lineTo(352, 43);<br/>context.stroke();<br/><br/>context.lineTo(353, 44);<br/>context.stroke();<br/><br/>context.lineTo(353, 45);<br/>context.stroke();<br/><br/>context.lineTo(353, 46);<br/>context.stroke();<br/><br/>context.lineTo(354, 47);<br/>context.stroke();<br/><br/>context.lineTo(354, 50);<br/>context.stroke();<br/><br/>context.lineTo(354, 51);<br/>context.stroke();<br/><br/>context.lineTo(354, 52);<br/>context.stroke();<br/><br/>context.lineTo(354, 54);<br/>context.stroke();<br/><br/>context.lineTo(354, 56);<br/>context.stroke();<br/><br/>context.lineTo(354, 58);<br/>context.stroke();<br/><br/>context.lineTo(354, 59);<br/>context.stroke();<br/><br/>context.lineTo(354, 60);<br/>context.stroke();<br/><br/>context.lineTo(354, 61);<br/>context.stroke();<br/><br/>context.lineTo(354, 62);<br/>context.stroke();<br/><br/>context.lineTo(355, 62);<br/>context.stroke();<br/><br/>context.lineTo(356, 59);<br/>context.stroke();<br/><br/>context.lineTo(357, 55);<br/>context.stroke();<br/><br/>context.lineTo(359, 51);<br/>context.stroke();<br/><br/>context.lineTo(361, 47);<br/>context.stroke();<br/><br/>context.lineTo(362, 45);<br/>context.stroke();<br/><br/>context.lineTo(363, 43);<br/>context.stroke();<br/><br/>context.lineTo(363, 39);<br/>context.stroke();<br/><br/>context.lineTo(364, 37);<br/>context.stroke();<br/><br/>context.lineTo(365, 36);<br/>context.stroke();<br/><br/>context.lineTo(365, 35);<br/>context.stroke();<br/><br/>context.lineTo(367, 32);<br/>context.stroke();<br/><br/>context.lineTo(368, 32);<br/>context.stroke();<br/><br/>context.lineTo(371, 31);<br/>context.stroke();<br/><br/>context.lineTo(372, 29);<br/>context.stroke();<br/><br/>context.lineTo(373, 28);<br/>context.stroke();<br/><br/>context.lineTo(374, 28);<br/>context.stroke();<br/><br/>context.lineTo(375, 28);<br/>context.stroke();<br/><br/>context.lineTo(375, 39);<br/>context.stroke();<br/><br/>context.lineTo(375, 46);<br/>context.stroke();<br/><br/>context.lineTo(375, 49);<br/>context.stroke();<br/><br/>context.lineTo(375, 52);<br/>context.stroke();<br/><br/>context.lineTo(375, 54);<br/>context.stroke();<br/><br/>context.lineTo(375, 57);<br/>context.stroke();<br/><br/>context.lineTo(375, 58);<br/>context.stroke();<br/><br/>context.lineTo(375, 59);<br/>context.stroke();<br/><br/>context.lineTo(374, 59);<br/>context.stroke();<br/><br/>context.lineTo(374, 59);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(349, 19);<br/><br/>context.lineTo(350, 19);<br/>context.stroke();<br/><br/>context.lineTo(352, 18);<br/>context.stroke();<br/><br/>context.lineTo(353, 18);<br/>context.stroke();<br/><br/>context.lineTo(355, 18);<br/>context.stroke();<br/><br/>context.lineTo(358, 18);<br/>context.stroke();<br/><br/>context.lineTo(360, 17);<br/>context.stroke();<br/><br/>context.lineTo(361, 16);<br/>context.stroke();<br/><br/>context.lineTo(362, 15);<br/>context.stroke();<br/><br/>context.lineTo(363, 15);<br/>context.stroke();<br/><br/>context.lineTo(364, 15);<br/>context.stroke();<br/><br/>context.lineTo(364, 15);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>