&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(36, 15);<br/><br/>context.lineTo(35, 15);<br/>context.stroke();<br/><br/>context.lineTo(35, 15);<br/>context.stroke();<br/><br/>context.lineTo(35, 15);<br/>context.stroke();<br/><br/>context.lineTo(35, 15);<br/>context.stroke();<br/><br/>context.lineTo(35, 14);<br/>context.stroke();<br/><br/>context.lineTo(34, 14);<br/>context.stroke();<br/><br/>context.lineTo(34, 14);<br/>context.stroke();<br/><br/>context.lineTo(34, 13);<br/>context.stroke();<br/><br/>context.lineTo(33, 13);<br/>context.stroke();<br/><br/>context.lineTo(33, 13);<br/>context.stroke();<br/><br/>context.lineTo(33, 13);<br/>context.stroke();<br/><br/>context.lineTo(32, 13);<br/>context.stroke();<br/><br/>context.lineTo(32, 13);<br/>context.stroke();<br/><br/>context.lineTo(32, 13);<br/>context.stroke();<br/><br/>context.lineTo(31, 13);<br/>context.stroke();<br/><br/>context.lineTo(31, 13);<br/>context.stroke();<br/><br/>context.lineTo(30, 13);<br/>context.stroke();<br/><br/>context.lineTo(30, 13);<br/>context.stroke();<br/><br/>context.lineTo(30, 13);<br/>context.stroke();<br/><br/>context.lineTo(29, 13);<br/>context.stroke();<br/><br/>context.lineTo(29, 13);<br/>context.stroke();<br/><br/>context.lineTo(29, 13);<br/>context.stroke();<br/><br/>context.lineTo(28, 13);<br/>context.stroke();<br/><br/>context.lineTo(28, 13);<br/>context.stroke();<br/><br/>context.lineTo(28, 13);<br/>context.stroke();<br/><br/>context.lineTo(27, 13);<br/>context.stroke();<br/><br/>context.lineTo(27, 13);<br/>context.stroke();<br/><br/>context.lineTo(27, 13);<br/>context.stroke();<br/><br/>context.lineTo(26, 13);<br/>context.stroke();<br/><br/>context.lineTo(26, 13);<br/>context.stroke();<br/><br/>context.lineTo(25, 14);<br/>context.stroke();<br/><br/>context.lineTo(25, 14);<br/>context.stroke();<br/><br/>context.lineTo(24, 14);<br/>context.stroke();<br/><br/>context.lineTo(24, 14);<br/>context.stroke();<br/><br/>context.lineTo(24, 15);<br/>context.stroke();<br/><br/>context.lineTo(24, 15);<br/>context.stroke();<br/><br/>context.lineTo(24, 15);<br/>context.stroke();<br/><br/>context.lineTo(23, 16);<br/>context.stroke();<br/><br/>context.lineTo(23, 16);<br/>context.stroke();<br/><br/>context.lineTo(23, 16);<br/>context.stroke();<br/><br/>context.lineTo(22, 16);<br/>context.stroke();<br/><br/>context.lineTo(22, 16);<br/>context.stroke();<br/><br/>context.lineTo(22, 17);<br/>context.stroke();<br/><br/>context.lineTo(22, 17);<br/>context.stroke();<br/><br/>context.lineTo(22, 17);<br/>context.stroke();<br/><br/>context.lineTo(21, 17);<br/>context.stroke();<br/><br/>context.lineTo(21, 17);<br/>context.stroke();<br/><br/>context.lineTo(21, 17);<br/>context.stroke();<br/><br/>context.lineTo(21, 18);<br/>context.stroke();<br/><br/>context.lineTo(20, 18);<br/>context.stroke();<br/><br/>context.lineTo(20, 19);<br/>context.stroke();<br/><br/>context.lineTo(20, 19);<br/>context.stroke();<br/><br/>context.lineTo(20, 19);<br/>context.stroke();<br/><br/>context.lineTo(19, 19);<br/>context.stroke();<br/><br/>context.lineTo(19, 20);<br/>context.stroke();<br/><br/>context.lineTo(19, 20);<br/>context.stroke();<br/><br/>context.lineTo(19, 20);<br/>context.stroke();<br/><br/>context.lineTo(19, 21);<br/>context.stroke();<br/><br/>context.lineTo(19, 21);<br/>context.stroke();<br/><br/>context.lineTo(19, 22);<br/>context.stroke();<br/><br/>context.lineTo(19, 22);<br/>context.stroke();<br/><br/>context.lineTo(19, 22);<br/>context.stroke();<br/><br/>context.lineTo(19, 23);<br/>context.stroke();<br/><br/>context.lineTo(19, 23);<br/>context.stroke();<br/><br/>context.lineTo(19, 23);<br/>context.stroke();<br/><br/>context.lineTo(20, 23);<br/>context.stroke();<br/><br/>context.lineTo(20, 24);<br/>context.stroke();<br/><br/>context.lineTo(20, 24);<br/>context.stroke();<br/><br/>context.lineTo(20, 25);<br/>context.stroke();<br/><br/>context.lineTo(20, 25);<br/>context.stroke();<br/><br/>context.lineTo(20, 25);<br/>context.stroke();<br/><br/>context.lineTo(20, 26);<br/>context.stroke();<br/><br/>context.lineTo(20, 26);<br/>context.stroke();<br/><br/>context.lineTo(21, 27);<br/>context.stroke();<br/><br/>context.lineTo(21, 27);<br/>context.stroke();<br/><br/>context.lineTo(21, 27);<br/>context.stroke();<br/><br/>context.lineTo(21, 28);<br/>context.stroke();<br/><br/>context.lineTo(21, 28);<br/>context.stroke();<br/><br/>context.lineTo(21, 28);<br/>context.stroke();<br/><br/>context.lineTo(22, 28);<br/>context.stroke();<br/><br/>context.lineTo(22, 29);<br/>context.stroke();<br/><br/>context.lineTo(22, 29);<br/>context.stroke();<br/><br/>context.lineTo(22, 29);<br/>context.stroke();<br/><br/>context.lineTo(22, 30);<br/>context.stroke();<br/><br/>context.lineTo(22, 30);<br/>context.stroke();<br/><br/>context.lineTo(22, 30);<br/>context.stroke();<br/><br/>context.lineTo(23, 30);<br/>context.stroke();<br/><br/>context.lineTo(23, 31);<br/>context.stroke();<br/><br/>context.lineTo(23, 31);<br/>context.stroke();<br/><br/>context.lineTo(24, 31);<br/>context.stroke();<br/><br/>context.lineTo(24, 31);<br/>context.stroke();<br/><br/>context.lineTo(24, 31);<br/>context.stroke();<br/><br/>context.lineTo(24, 31);<br/>context.stroke();<br/><br/>context.lineTo(24, 32);<br/>context.stroke();<br/><br/>context.lineTo(25, 32);<br/>context.stroke();<br/><br/>context.lineTo(26, 32);<br/>context.stroke();<br/><br/>context.lineTo(26, 32);<br/>context.stroke();<br/><br/>context.lineTo(27, 32);<br/>context.stroke();<br/><br/>context.lineTo(27, 33);<br/>context.stroke();<br/><br/>context.lineTo(27, 33);<br/>context.stroke();<br/><br/>context.lineTo(28, 33);<br/>context.stroke();<br/><br/>context.lineTo(29, 33);<br/>context.stroke();<br/><br/>context.lineTo(29, 33);<br/>context.stroke();<br/><br/>context.lineTo(29, 33);<br/>context.stroke();<br/><br/>context.lineTo(30, 33);<br/>context.stroke();<br/><br/>context.lineTo(30, 33);<br/>context.stroke();<br/><br/>context.lineTo(31, 33);<br/>context.stroke();<br/><br/>context.lineTo(31, 33);<br/>context.stroke();<br/><br/>context.lineTo(31, 33);<br/>context.stroke();<br/><br/>context.lineTo(32, 33);<br/>context.stroke();<br/><br/>context.lineTo(32, 33);<br/>context.stroke();<br/><br/>context.lineTo(33, 33);<br/>context.stroke();<br/><br/>context.lineTo(33, 33);<br/>context.stroke();<br/><br/>context.lineTo(33, 33);<br/>context.stroke();<br/><br/>context.lineTo(34, 33);<br/>context.stroke();<br/><br/>context.lineTo(34, 33);<br/>context.stroke();<br/><br/>context.lineTo(34, 33);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(49, 14);<br/><br/>context.lineTo(51, 14);<br/>context.stroke();<br/><br/>context.lineTo(51, 15);<br/>context.stroke();<br/><br/>context.lineTo(51, 15);<br/>context.stroke();<br/><br/>context.lineTo(51, 15);<br/>context.stroke();<br/><br/>context.lineTo(51, 15);<br/>context.stroke();<br/><br/>context.lineTo(51, 16);<br/>context.stroke();<br/><br/>context.lineTo(52, 16);<br/>context.stroke();<br/><br/>context.lineTo(52, 17);<br/>context.stroke();<br/><br/>context.lineTo(52, 17);<br/>context.stroke();<br/><br/>context.lineTo(52, 17);<br/>context.stroke();<br/><br/>context.lineTo(52, 18);<br/>context.stroke();<br/><br/>context.lineTo(52, 18);<br/>context.stroke();<br/><br/>context.lineTo(52, 19);<br/>context.stroke();<br/><br/>context.lineTo(53, 19);<br/>context.stroke();<br/><br/>context.lineTo(53, 19);<br/>context.stroke();<br/><br/>context.lineTo(53, 20);<br/>context.stroke();<br/><br/>context.lineTo(53, 20);<br/>context.stroke();<br/><br/>context.lineTo(53, 21);<br/>context.stroke();<br/><br/>context.lineTo(53, 21);<br/>context.stroke();<br/><br/>context.lineTo(53, 21);<br/>context.stroke();<br/><br/>context.lineTo(54, 22);<br/>context.stroke();<br/><br/>context.lineTo(54, 22);<br/>context.stroke();<br/><br/>context.lineTo(54, 23);<br/>context.stroke();<br/><br/>context.lineTo(54, 23);<br/>context.stroke();<br/><br/>context.lineTo(55, 23);<br/>context.stroke();<br/><br/>context.lineTo(55, 24);<br/>context.stroke();<br/><br/>context.lineTo(55, 24);<br/>context.stroke();<br/><br/>context.lineTo(55, 24);<br/>context.stroke();<br/><br/>context.lineTo(55, 25);<br/>context.stroke();<br/><br/>context.lineTo(56, 25);<br/>context.stroke();<br/><br/>context.lineTo(56, 26);<br/>context.stroke();<br/><br/>context.lineTo(56, 26);<br/>context.stroke();<br/><br/>context.lineTo(56, 26);<br/>context.stroke();<br/><br/>context.lineTo(56, 27);<br/>context.stroke();<br/><br/>context.lineTo(56, 27);<br/>context.stroke();<br/><br/>context.lineTo(56, 27);<br/>context.stroke();<br/><br/>context.lineTo(57, 27);<br/>context.stroke();<br/><br/>context.lineTo(57, 28);<br/>context.stroke();<br/><br/>context.lineTo(57, 28);<br/>context.stroke();<br/><br/>context.lineTo(57, 29);<br/>context.stroke();<br/><br/>context.lineTo(58, 29);<br/>context.stroke();<br/><br/>context.lineTo(58, 29);<br/>context.stroke();<br/><br/>context.lineTo(58, 29);<br/>context.stroke();<br/><br/>context.lineTo(58, 30);<br/>context.stroke();<br/><br/>context.lineTo(58, 30);<br/>context.stroke();<br/><br/>context.lineTo(58, 30);<br/>context.stroke();<br/><br/>context.lineTo(58, 30);<br/>context.stroke();<br/><br/>context.lineTo(58, 30);<br/>context.stroke();<br/><br/>context.lineTo(58, 30);<br/>context.stroke();<br/><br/>context.lineTo(59, 29);<br/>context.stroke();<br/><br/>context.lineTo(59, 29);<br/>context.stroke();<br/><br/>context.lineTo(59, 29);<br/>context.stroke();<br/><br/>context.lineTo(59, 28);<br/>context.stroke();<br/><br/>context.lineTo(59, 28);<br/>context.stroke();<br/><br/>context.lineTo(59, 27);<br/>context.stroke();<br/><br/>context.lineTo(59, 27);<br/>context.stroke();<br/><br/>context.lineTo(59, 27);<br/>context.stroke();<br/><br/>context.lineTo(59, 26);<br/>context.stroke();<br/><br/>context.lineTo(59, 26);<br/>context.stroke();<br/><br/>context.lineTo(60, 26);<br/>context.stroke();<br/><br/>context.lineTo(61, 25);<br/>context.stroke();<br/><br/>context.lineTo(61, 25);<br/>context.stroke();<br/><br/>context.lineTo(61, 24);<br/>context.stroke();<br/><br/>context.lineTo(61, 24);<br/>context.stroke();<br/><br/>context.lineTo(62, 23);<br/>context.stroke();<br/><br/>context.lineTo(62, 23);<br/>context.stroke();<br/><br/>context.lineTo(62, 23);<br/>context.stroke();<br/><br/>context.lineTo(62, 23);<br/>context.stroke();<br/><br/>context.lineTo(62, 22);<br/>context.stroke();<br/><br/>context.lineTo(63, 22);<br/>context.stroke();<br/><br/>context.lineTo(63, 22);<br/>context.stroke();<br/><br/>context.lineTo(63, 21);<br/>context.stroke();<br/><br/>context.lineTo(64, 21);<br/>context.stroke();<br/><br/>context.lineTo(64, 20);<br/>context.stroke();<br/><br/>context.lineTo(64, 20);<br/>context.stroke();<br/><br/>context.lineTo(64, 20);<br/>context.stroke();<br/><br/>context.lineTo(64, 20);<br/>context.stroke();<br/><br/>context.lineTo(64, 19);<br/>context.stroke();<br/><br/>context.lineTo(65, 19);<br/>context.stroke();<br/><br/>context.lineTo(65, 18);<br/>context.stroke();<br/><br/>context.lineTo(65, 18);<br/>context.stroke();<br/><br/>context.lineTo(65, 18);<br/>context.stroke();<br/><br/>context.lineTo(65, 18);<br/>context.stroke();<br/><br/>context.lineTo(65, 17);<br/>context.stroke();<br/><br/>context.lineTo(65, 17);<br/>context.stroke();<br/><br/>context.lineTo(66, 17);<br/>context.stroke();<br/><br/>context.lineTo(66, 16);<br/>context.stroke();<br/><br/>context.lineTo(66, 16);<br/>context.stroke();<br/><br/>context.lineTo(66, 15);<br/>context.stroke();<br/><br/>context.lineTo(66, 15);<br/>context.stroke();<br/><br/>context.lineTo(66, 15);<br/>context.stroke();<br/><br/>context.lineTo(66, 15);<br/>context.stroke();<br/><br/>context.lineTo(67, 15);<br/>context.stroke();<br/><br/>context.lineTo(67, 14);<br/>context.stroke();<br/><br/>context.lineTo(67, 14);<br/>context.stroke();<br/><br/>context.lineTo(67, 14);<br/>context.stroke();<br/><br/>context.lineTo(67, 13);<br/>context.stroke();<br/><br/>context.lineTo(67, 13);<br/>context.stroke();<br/><br/>context.lineTo(67, 13);<br/>context.stroke();<br/><br/>context.lineTo(67, 12);<br/>context.stroke();<br/><br/>context.lineTo(67, 12);<br/>context.stroke();<br/><br/>context.lineTo(68, 12);<br/>context.stroke();<br/><br/>context.lineTo(68, 12);<br/>context.stroke();<br/><br/>context.lineTo(68, 11);<br/>context.stroke();<br/><br/>context.lineTo(68, 11);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>