&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.lineWidth = 4;<br/><br/>context.lineWidth = 3;<br/><br/>context.lineWidth = 2;<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(7, 156);<br/>context.lineTo(27,   282);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(5, 156);<br/>context.lineTo(55,   148);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(26, 279);<br/>context.lineTo(79,   268);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(78, 268);<br/>context.lineTo(54,   146);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.strokeRect(107, 1, 66, 17);<br/><br/>context.strokeStyle = '#000000';<br/>context.strokeRect(191, 1, 33, 20);<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(223, 0);<br/>context.lineTo(594,   6);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(223, 20);<br/>context.lineTo(592,   32);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(283, 0);<br/>context.lineTo(282,   22);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(314, 22);<br/>context.lineTo(315,   2);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(340, 22);<br/>context.lineTo(340,   22);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(346, 22);<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(347, 22);<br/>context.lineTo(348,   2);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(406, 26);<br/>context.lineTo(407,   4);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(445, 26);<br/>context.lineTo(446,   4);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(476, 26);<br/><br/>context.lineTo(476, 26);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(487, 27);<br/><br/>context.lineTo(487, 25);<br/>context.stroke();<br/><br/>context.lineTo(487, 24);<br/>context.stroke();<br/><br/>context.lineTo(487, 23);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(473, 27);<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(475, 27);<br/>context.lineTo(476,   5);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(590, 31);<br/>context.lineTo(592,   5);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(455, 25);<br/><br/>context.lineTo(455, 25);<br/>context.stroke();<br/><br/>context.lineTo(454, 25);<br/>context.stroke();<br/><br/>context.lineTo(454, 25);<br/>context.stroke();<br/><br/>context.lineTo(454, 28);<br/>context.stroke();<br/><br/>context.lineTo(457, 31);<br/>context.stroke();<br/><br/>context.lineTo(457, 32);<br/>context.stroke();<br/><br/>context.lineTo(455, 29);<br/>context.stroke();<br/><br/>context.lineTo(455, 28);<br/>context.stroke();<br/><br/>context.lineTo(457, 27);<br/>context.stroke();<br/><br/>context.lineTo(458, 27);<br/>context.stroke();<br/><br/>context.lineTo(458, 26);<br/>context.stroke();<br/><br/>context.lineTo(459, 26);<br/>context.stroke();<br/><br/>context.lineTo(457, 25);<br/>context.stroke();<br/><br/>context.lineTo(456, 24);<br/>context.stroke();<br/><br/>context.lineTo(457, 25);<br/>context.stroke();<br/><br/>context.lineTo(458, 26);<br/>context.stroke();<br/><br/>context.lineTo(458, 26);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(458, 27);<br/><br/>context.lineTo(458, 27);<br/>context.stroke();<br/><br/>context.lineTo(461, 27);<br/>context.stroke();<br/><br/>context.lineTo(462, 27);<br/>context.stroke();<br/><br/>context.lineTo(461, 27);<br/>context.stroke();<br/><br/>context.lineTo(457, 27);<br/>context.stroke();<br/><br/>context.lineTo(457, 27);<br/>context.stroke();<br/><br/>context.lineTo(459, 29);<br/>context.stroke();<br/><br/>context.lineTo(460, 29);<br/>context.stroke();<br/><br/>context.lineTo(460, 29);<br/>context.stroke();<br/><br/>context.lineTo(460, 28);<br/>context.stroke();<br/><br/>context.lineTo(461, 28);<br/>context.stroke();<br/><br/>context.lineTo(461, 27);<br/>context.stroke();<br/><br/>context.lineTo(457, 27);<br/>context.stroke();<br/><br/>context.lineTo(456, 28);<br/>context.stroke();<br/><br/>context.lineTo(456, 29);<br/>context.stroke();<br/><br/>context.lineTo(456, 29);<br/>context.stroke();<br/><br/>context.lineTo(451, 28);<br/>context.stroke();<br/><br/>context.lineTo(450, 27);<br/>context.stroke();<br/><br/>context.lineTo(450, 27);<br/>context.stroke();<br/><br/>context.lineTo(450, 26);<br/>context.stroke();<br/><br/>context.lineTo(450, 25);<br/>context.stroke();<br/><br/>context.lineTo(450, 25);<br/>context.stroke();<br/><br/>context.lineTo(450, 25);<br/>context.stroke();<br/><br/>context.lineTo(451, 24);<br/>context.stroke();<br/><br/>context.lineTo(452, 26);<br/>context.stroke();<br/><br/>context.lineTo(451, 28);<br/>context.stroke();<br/><br/>context.lineTo(451, 28);<br/>context.stroke();<br/><br/>context.lineTo(451, 27);<br/>context.stroke();<br/><br/>context.lineTo(451, 25);<br/>context.stroke();<br/><br/>context.lineTo(451, 26);<br/>context.stroke();<br/><br/>context.lineTo(450, 27);<br/>context.stroke();<br/><br/>context.lineTo(449, 28);<br/>context.stroke();<br/><br/>context.lineTo(449, 28);<br/>context.stroke();<br/><br/>context.lineTo(449, 28);<br/>context.stroke();<br/><br/>context.lineTo(448, 27);<br/>context.stroke();<br/><br/>context.lineTo(448, 26);<br/>context.stroke();<br/><br/>context.lineTo(448, 26);<br/>context.stroke();<br/><br/>context.lineTo(448, 25);<br/>context.stroke();<br/><br/>context.lineTo(448, 25);<br/>context.stroke();<br/><br/>context.lineTo(449, 25);<br/>context.stroke();<br/><br/>context.lineTo(451, 26);<br/>context.stroke();<br/><br/>context.lineTo(453, 27);<br/>context.stroke();<br/><br/>context.lineTo(454, 27);<br/>context.stroke();<br/><br/>context.lineTo(453, 25);<br/>context.stroke();<br/><br/>context.lineTo(453, 25);<br/>context.stroke();<br/><br/>context.lineTo(453, 26);<br/>context.stroke();<br/><br/>context.lineTo(451, 29);<br/>context.stroke();<br/><br/>context.lineTo(449, 30);<br/>context.stroke();<br/><br/>context.lineTo(448, 30);<br/>context.stroke();<br/><br/>context.lineTo(448, 29);<br/>context.stroke();<br/><br/>context.lineTo(448, 27);<br/>context.stroke();<br/><br/>context.lineTo(448, 26);<br/>context.stroke();<br/><br/>context.lineTo(448, 25);<br/>context.stroke();<br/><br/>context.lineTo(448, 24);<br/>context.stroke();<br/><br/>context.lineTo(448, 24);<br/>context.stroke();<br/><br/>context.lineTo(451, 24);<br/>context.stroke();<br/><br/>context.lineTo(457, 25);<br/>context.stroke();<br/><br/>context.lineTo(460, 27);<br/>context.stroke();<br/><br/>context.lineTo(461, 29);<br/>context.stroke();<br/><br/>context.lineTo(464, 26);<br/>context.stroke();<br/><br/>context.lineTo(464, 26);<br/>context.stroke();<br/><br/>context.lineTo(463, 27);<br/>context.stroke();<br/><br/>context.lineTo(462, 29);<br/>context.stroke();<br/><br/>context.lineTo(463, 27);<br/>context.stroke();<br/><br/>context.lineTo(463, 25);<br/>context.stroke();<br/><br/>context.lineTo(465, 27);<br/>context.stroke();<br/><br/>context.lineTo(466, 28);<br/>context.stroke();<br/><br/>context.lineTo(466, 29);<br/>context.stroke();<br/><br/>context.lineTo(465, 26);<br/>context.stroke();<br/><br/>context.lineTo(465, 25);<br/>context.stroke();<br/><br/>context.lineTo(463, 30);<br/>context.stroke();<br/><br/>context.lineTo(463, 30);<br/>context.stroke();<br/><br/>context.lineTo(463, 27);<br/>context.stroke();<br/><br/>context.lineTo(465, 27);<br/>context.stroke();<br/><br/>context.lineTo(465, 27);<br/>context.stroke();<br/><br/>context.lineTo(467, 27);<br/>context.stroke();<br/><br/>context.lineTo(469, 30);<br/>context.stroke();<br/><br/>context.lineTo(468, 28);<br/>context.stroke();<br/><br/>context.lineTo(468, 26);<br/>context.stroke();<br/><br/>context.lineTo(468, 25);<br/>context.stroke();<br/><br/>context.lineTo(469, 27);<br/>context.stroke();<br/><br/>context.lineTo(469, 28);<br/>context.stroke();<br/><br/>context.lineTo(469, 29);<br/>context.stroke();<br/><br/>context.lineTo(469, 29);<br/>context.stroke();<br/><br/>context.lineTo(470, 27);<br/>context.stroke();<br/><br/>context.lineTo(470, 27);<br/>context.stroke();<br/><br/>context.lineTo(470, 27);<br/>context.stroke();<br/><br/>context.lineTo(471, 28);<br/>context.stroke();<br/><br/>context.lineTo(471, 28);<br/>context.stroke();<br/><br/>context.lineTo(471, 29);<br/>context.stroke();<br/><br/>context.lineTo(471, 29);<br/>context.stroke();<br/><br/>context.lineTo(471, 29);<br/>context.stroke();<br/><br/>context.lineTo(470, 28);<br/>context.stroke();<br/><br/>context.lineTo(470, 27);<br/>context.stroke();<br/><br/>context.lineTo(471, 27);<br/>context.stroke();<br/><br/>context.lineTo(471, 27);<br/>context.stroke();<br/><br/>context.lineTo(471, 28);<br/>context.stroke();<br/><br/>context.lineTo(471, 29);<br/>context.stroke();<br/><br/>context.lineTo(472, 29);<br/>context.stroke();<br/><br/>context.lineTo(472, 29);<br/>context.stroke();<br/><br/>context.lineTo(472, 28);<br/>context.stroke();<br/><br/>context.lineTo(472, 27);<br/>context.stroke();<br/><br/>context.lineTo(471, 27);<br/>context.stroke();<br/><br/>context.lineTo(471, 27);<br/>context.stroke();<br/><br/>context.lineTo(471, 28);<br/>context.stroke();<br/><br/>context.lineTo(472, 29);<br/>context.stroke();<br/><br/>context.lineTo(472, 29);<br/>context.stroke();<br/><br/>context.lineTo(472, 30);<br/>context.stroke();<br/><br/>context.lineTo(471, 28);<br/>context.stroke();<br/><br/>context.lineTo(471, 28);<br/>context.stroke();<br/><br/>context.lineTo(471, 28);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(471, 27);<br/><br/>context.lineTo(471, 27);<br/>context.stroke();<br/><br/>context.lineTo(472, 27);<br/>context.stroke();<br/><br/>context.lineTo(472, 27);<br/>context.stroke();<br/><br/>context.lineTo(472, 28);<br/>context.stroke();<br/><br/>context.lineTo(472, 29);<br/>context.stroke();<br/><br/>context.lineTo(472, 28);<br/>context.stroke();<br/><br/>context.lineTo(472, 28);<br/>context.stroke();<br/><br/>context.lineTo(472, 28);<br/>context.stroke();<br/><br/>context.lineTo(472, 28);<br/>context.stroke();<br/><br/>context.lineTo(472, 27);<br/>context.stroke();<br/><br/>context.lineTo(472, 26);<br/>context.stroke();<br/><br/>context.lineTo(473, 28);<br/>context.stroke();<br/><br/>context.lineTo(473, 28);<br/>context.stroke();<br/><br/>context.lineTo(473, 28);<br/>context.stroke();<br/><br/>context.lineTo(473, 29);<br/>context.stroke();<br/><br/>context.lineTo(473, 30);<br/>context.stroke();<br/><br/>context.lineTo(473, 31);<br/>context.stroke();<br/><br/>context.lineTo(473, 31);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(447, 26);<br/><br/>context.lineTo(447, 25);<br/>context.stroke();<br/><br/>context.lineTo(447, 24);<br/>context.stroke();<br/><br/>context.lineTo(448, 27);<br/>context.stroke();<br/><br/>context.lineTo(448, 27);<br/>context.stroke();<br/><br/>context.lineTo(448, 28);<br/>context.stroke();<br/><br/>context.lineTo(448, 29);<br/>context.stroke();<br/><br/>context.lineTo(448, 30);<br/>context.stroke();<br/><br/>context.lineTo(447, 31);<br/>context.stroke();<br/><br/>context.lineTo(447, 30);<br/>context.stroke();<br/><br/>context.lineTo(447, 30);<br/>context.stroke();<br/><br/>context.lineTo(447, 30);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(447, 28);<br/><br/>context.lineTo(447, 26);<br/>context.stroke();<br/><br/>context.lineTo(447, 25);<br/>context.stroke();<br/><br/>context.lineTo(447, 26);<br/>context.stroke();<br/><br/>context.lineTo(447, 29);<br/>context.stroke();<br/><br/>context.lineTo(447, 30);<br/>context.stroke();<br/><br/>context.lineTo(447, 31);<br/>context.stroke();<br/><br/>context.lineTo(448, 31);<br/>context.stroke();<br/><br/>context.lineTo(448, 31);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(450, 3);<br/><br/>context.lineTo(452, 3);<br/>context.stroke();<br/><br/>context.lineTo(456, 4);<br/>context.stroke();<br/><br/>context.lineTo(460, 4);<br/>context.stroke();<br/><br/>context.lineTo(463, 4);<br/>context.stroke();<br/><br/>context.lineTo(463, 4);<br/>context.stroke();<br/><br/>context.lineTo(461, 4);<br/>context.stroke();<br/><br/>context.lineTo(455, 0);<br/>context.stroke();<br/><br/>context.lineTo(454, 5);<br/>context.stroke();<br/><br/>context.lineTo(454, 6);<br/>context.stroke();<br/><br/>context.lineTo(453, 0);<br/>context.stroke();<br/><br/>context.lineTo(452, 3);<br/>context.stroke();<br/><br/>context.lineTo(450, 6);<br/>context.stroke();<br/><br/>context.lineTo(450, 4);<br/>context.stroke();<br/><br/>context.lineTo(450, 2);<br/>context.stroke();<br/><br/>context.lineTo(450, 2);<br/>context.stroke();<br/><br/>context.lineTo(449, 5);<br/>context.stroke();<br/><br/>context.lineTo(449, 6);<br/>context.stroke();<br/><br/>context.lineTo(448, 4);<br/>context.stroke();<br/><br/>context.lineTo(449, 2);<br/>context.stroke();<br/><br/>context.lineTo(449, 1);<br/>context.stroke();<br/><br/>context.lineTo(449, 1);<br/>context.stroke();<br/><br/>context.lineTo(459, 5);<br/>context.stroke();<br/><br/>context.lineTo(460, 5);<br/>context.stroke();<br/><br/>context.lineTo(460, 3);<br/>context.stroke();<br/><br/>context.lineTo(461, 2);<br/>context.stroke();<br/><br/>context.lineTo(461, 2);<br/>context.stroke();<br/><br/>context.lineTo(461, 2);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(464, 3);<br/><br/>context.lineTo(463, 5);<br/>context.stroke();<br/><br/>context.lineTo(463, 6);<br/>context.stroke();<br/><br/>context.lineTo(463, 4);<br/>context.stroke();<br/><br/>context.lineTo(463, 4);<br/>context.stroke();<br/><br/>context.lineTo(463, 1);<br/>context.stroke();<br/><br/>context.lineTo(463, 0);<br/>context.stroke();<br/><br/>context.lineTo(462, 4);<br/>context.stroke();<br/><br/>context.lineTo(465, 2);<br/>context.stroke();<br/><br/>context.lineTo(465, 2);<br/>context.stroke();<br/><br/>context.lineTo(465, 5);<br/>context.stroke();<br/><br/>context.lineTo(465, 4);<br/>context.stroke();<br/><br/>context.lineTo(465, 2);<br/>context.stroke();<br/><br/>context.lineTo(466, 5);<br/>context.stroke();<br/><br/>context.lineTo(464, 6);<br/>context.stroke();<br/><br/>context.lineTo(463, 4);<br/>context.stroke();<br/><br/>context.lineTo(468, 2);<br/>context.stroke();<br/><br/>context.lineTo(468, 5);<br/>context.stroke();<br/><br/>context.lineTo(468, 5);<br/>context.stroke();<br/><br/>context.lineTo(468, 2);<br/>context.stroke();<br/><br/>context.lineTo(469, 4);<br/>context.stroke();<br/><br/>context.lineTo(469, 6);<br/>context.stroke();<br/><br/>context.lineTo(469, 5);<br/>context.stroke();<br/><br/>context.lineTo(469, 3);<br/>context.stroke();<br/><br/>context.lineTo(469, 5);<br/>context.stroke();<br/><br/>context.lineTo(468, 3);<br/>context.stroke();<br/><br/>context.lineTo(468, 5);<br/>context.stroke();<br/><br/>context.lineTo(467, 6);<br/>context.stroke();<br/><br/>context.lineTo(469, 3);<br/>context.stroke();<br/><br/>context.lineTo(469, 3);<br/>context.stroke();<br/><br/>context.lineTo(470, 6);<br/>context.stroke();<br/><br/>context.lineTo(470, 6);<br/>context.stroke();<br/><br/>context.lineTo(470, 4);<br/>context.stroke();<br/><br/>context.lineTo(471, 2);<br/>context.stroke();<br/><br/>context.lineTo(471, 5);<br/>context.stroke();<br/><br/>context.lineTo(471, 5);<br/>context.stroke();<br/><br/>context.lineTo(471, 3);<br/>context.stroke();<br/><br/>context.lineTo(471, 3);<br/>context.stroke();<br/><br/>context.lineTo(471, 3);<br/>context.stroke();<br/><br/>context.lineTo(472, 6);<br/>context.stroke();<br/><br/>context.lineTo(472, 6);<br/>context.stroke();<br/><br/>context.lineTo(472, 7);<br/>context.stroke();<br/><br/>context.lineTo(472, 5);<br/>context.stroke();<br/><br/>context.lineTo(472, 3);<br/>context.stroke();<br/><br/>context.lineTo(472, 2);<br/>context.stroke();<br/><br/>context.lineTo(472, 3);<br/>context.stroke();<br/><br/>context.lineTo(472, 5);<br/>context.stroke();<br/><br/>context.lineTo(472, 5);<br/>context.stroke();<br/><br/>context.lineTo(472, 5);<br/>context.stroke();<br/><br/>context.lineTo(472, 3);<br/>context.stroke();<br/><br/>context.lineTo(472, 2);<br/>context.stroke();<br/><br/>context.lineTo(472, 1);<br/>context.stroke();<br/><br/>context.lineTo(472, 4);<br/>context.stroke();<br/><br/>context.lineTo(472, 5);<br/>context.stroke();<br/><br/>context.lineTo(473, 6);<br/>context.stroke();<br/><br/>context.lineTo(473, 4);<br/>context.stroke();<br/><br/>context.lineTo(473, 3);<br/>context.stroke();<br/><br/>context.lineTo(473, 2);<br/>context.stroke();<br/><br/>context.lineTo(473, 2);<br/>context.stroke();<br/><br/>context.lineTo(472, 3);<br/>context.stroke();<br/><br/>context.lineTo(473, 5);<br/>context.stroke();<br/><br/>context.lineTo(473, 5);<br/>context.stroke();<br/><br/>context.lineTo(474, 3);<br/>context.stroke();<br/><br/>context.lineTo(473, 2);<br/>context.stroke();<br/><br/>context.lineTo(473, 2);<br/>context.stroke();<br/><br/>context.lineTo(473, 1);<br/>context.stroke();<br/><br/>context.lineTo(473, 1);<br/>context.stroke();<br/><br/>context.lineTo(473, 1);<br/>context.stroke();<br/><br/>context.lineTo(473, 1);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>