&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(53, 50);<br/>context.lineTo(51,   102);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.lineWidth = 3;<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(34, 25);<br/><br/>context.lineTo(34, 26);<br/>context.stroke();<br/><br/>context.lineTo(34, 27);<br/>context.stroke();<br/><br/>context.lineTo(34, 28);<br/>context.stroke();<br/><br/>context.lineTo(34, 28);<br/>context.stroke();<br/><br/>context.lineTo(34, 30);<br/>context.stroke();<br/><br/>context.lineTo(34, 32);<br/>context.stroke();<br/><br/>context.lineTo(34, 32);<br/>context.stroke();<br/><br/>context.lineTo(34, 33);<br/>context.stroke();<br/><br/>context.lineTo(34, 34);<br/>context.stroke();<br/><br/>context.lineTo(34, 35);<br/>context.stroke();<br/><br/>context.lineTo(34, 36);<br/>context.stroke();<br/><br/>context.lineTo(34, 36);<br/>context.stroke();<br/><br/>context.lineTo(35, 36);<br/>context.stroke();<br/><br/>context.lineTo(35, 37);<br/>context.stroke();<br/><br/>context.lineTo(35, 38);<br/>context.stroke();<br/><br/>context.lineTo(35, 38);<br/>context.stroke();<br/><br/>context.lineTo(35, 39);<br/>context.stroke();<br/><br/>context.lineTo(36, 40);<br/>context.stroke();<br/><br/>context.lineTo(37, 40);<br/>context.stroke();<br/><br/>context.lineTo(37, 40);<br/>context.stroke();<br/><br/>context.lineTo(38, 41);<br/>context.stroke();<br/><br/>context.lineTo(39, 41);<br/>context.stroke();<br/><br/>context.lineTo(39, 42);<br/>context.stroke();<br/><br/>context.lineTo(40, 44);<br/>context.stroke();<br/><br/>context.lineTo(41, 44);<br/>context.stroke();<br/><br/>context.lineTo(41, 45);<br/>context.stroke();<br/><br/>context.lineTo(43, 46);<br/>context.stroke();<br/><br/>context.lineTo(43, 48);<br/>context.stroke();<br/><br/>context.lineTo(43, 48);<br/>context.stroke();<br/><br/>context.lineTo(43, 49);<br/>context.stroke();<br/><br/>context.lineTo(44, 49);<br/>context.stroke();<br/><br/>context.lineTo(45, 50);<br/>context.stroke();<br/><br/>context.lineTo(46, 50);<br/>context.stroke();<br/><br/>context.lineTo(47, 50);<br/>context.stroke();<br/><br/>context.lineTo(47, 50);<br/>context.stroke();<br/><br/>context.lineTo(49, 50);<br/>context.stroke();<br/><br/>context.lineTo(50, 50);<br/>context.stroke();<br/><br/>context.lineTo(51, 50);<br/>context.stroke();<br/><br/>context.lineTo(51, 50);<br/>context.stroke();<br/><br/>context.lineTo(52, 50);<br/>context.stroke();<br/><br/>context.lineTo(53, 49);<br/>context.stroke();<br/><br/>context.lineTo(53, 48);<br/>context.stroke();<br/><br/>context.lineTo(54, 48);<br/>context.stroke();<br/><br/>context.lineTo(55, 48);<br/>context.stroke();<br/><br/>context.lineTo(55, 47);<br/>context.stroke();<br/><br/>context.lineTo(55, 46);<br/>context.stroke();<br/><br/>context.lineTo(55, 46);<br/>context.stroke();<br/><br/>context.lineTo(56, 46);<br/>context.stroke();<br/><br/>context.lineTo(56, 45);<br/>context.stroke();<br/><br/>context.lineTo(56, 44);<br/>context.stroke();<br/><br/>context.lineTo(56, 44);<br/>context.stroke();<br/><br/>context.lineTo(56, 42);<br/>context.stroke();<br/><br/>context.lineTo(58, 42);<br/>context.stroke();<br/><br/>context.lineTo(59, 42);<br/>context.stroke();<br/><br/>context.lineTo(59, 41);<br/>context.stroke();<br/><br/>context.lineTo(59, 41);<br/>context.stroke();<br/><br/>context.lineTo(60, 40);<br/>context.stroke();<br/><br/>context.lineTo(60, 40);<br/>context.stroke();<br/><br/>context.lineTo(61, 39);<br/>context.stroke();<br/><br/>context.lineTo(62, 38);<br/>context.stroke();<br/><br/>context.lineTo(62, 36);<br/>context.stroke();<br/><br/>context.lineTo(62, 35);<br/>context.stroke();<br/><br/>context.lineTo(62, 34);<br/>context.stroke();<br/><br/>context.lineTo(62, 32);<br/>context.stroke();<br/><br/>context.lineTo(61, 31);<br/>context.stroke();<br/><br/>context.lineTo(61, 30);<br/>context.stroke();<br/><br/>context.lineTo(61, 29);<br/>context.stroke();<br/><br/>context.lineTo(61, 28);<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, 25);<br/>context.stroke();<br/><br/>context.lineTo(59, 24);<br/>context.stroke();<br/><br/>context.lineTo(59, 24);<br/>context.stroke();<br/><br/>context.lineTo(58, 24);<br/>context.stroke();<br/><br/>context.lineTo(58, 23);<br/>context.stroke();<br/><br/>context.lineTo(57, 23);<br/>context.stroke();<br/><br/>context.lineTo(57, 22);<br/>context.stroke();<br/><br/>context.lineTo(56, 22);<br/>context.stroke();<br/><br/>context.lineTo(56, 20);<br/>context.stroke();<br/><br/>context.lineTo(55, 20);<br/>context.stroke();<br/><br/>context.lineTo(55, 20);<br/>context.stroke();<br/><br/>context.lineTo(55, 21);<br/>context.stroke();<br/><br/>context.lineTo(54, 21);<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(52, 24);<br/>context.stroke();<br/><br/>context.lineTo(51, 24);<br/>context.stroke();<br/><br/>context.lineTo(51, 25);<br/>context.stroke();<br/><br/>context.lineTo(51, 26);<br/>context.stroke();<br/><br/>context.lineTo(50, 27);<br/>context.stroke();<br/><br/>context.lineTo(50, 28);<br/>context.stroke();<br/><br/>context.lineTo(50, 28);<br/>context.stroke();<br/><br/>context.lineTo(49, 29);<br/>context.stroke();<br/><br/>context.lineTo(49, 30);<br/>context.stroke();<br/><br/>context.lineTo(48, 30);<br/>context.stroke();<br/><br/>context.lineTo(47, 31);<br/>context.stroke();<br/><br/>context.lineTo(47, 31);<br/>context.stroke();<br/><br/>context.lineTo(46, 31);<br/>context.stroke();<br/><br/>context.lineTo(45, 31);<br/>context.stroke();<br/><br/>context.lineTo(44, 31);<br/>context.stroke();<br/><br/>context.lineTo(43, 31);<br/>context.stroke();<br/><br/>context.lineTo(43, 31);<br/>context.stroke();<br/><br/>context.lineTo(42, 31);<br/>context.stroke();<br/><br/>context.lineTo(42, 30);<br/>context.stroke();<br/><br/>context.lineTo(42, 28);<br/>context.stroke();<br/><br/>context.lineTo(41, 27);<br/>context.stroke();<br/><br/>context.lineTo(41, 25);<br/>context.stroke();<br/><br/>context.lineTo(40, 25);<br/>context.stroke();<br/><br/>context.lineTo(40, 24);<br/>context.stroke();<br/><br/>context.lineTo(39, 24);<br/>context.stroke();<br/><br/>context.lineTo(39, 24);<br/>context.stroke();<br/><br/>context.lineTo(38, 24);<br/>context.stroke();<br/><br/>context.lineTo(37, 24);<br/>context.stroke();<br/><br/>context.lineTo(36, 24);<br/>context.stroke();<br/><br/>context.lineTo(35, 24);<br/>context.stroke();<br/><br/>context.lineTo(35, 24);<br/>context.stroke();<br/><br/>context.lineTo(34, 24);<br/>context.stroke();<br/><br/>context.lineTo(35, 24);<br/>context.stroke();<br/><br/>context.lineTo(42, 29);<br/>context.stroke();<br/><br/>context.lineTo(42, 29);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(36, 27);<br/><br/>context.lineTo(36, 28);<br/>context.stroke();<br/><br/>context.lineTo(36, 28);<br/>context.stroke();<br/><br/>context.lineTo(36, 29);<br/>context.stroke();<br/><br/>context.lineTo(36, 30);<br/>context.stroke();<br/><br/>context.lineTo(36, 31);<br/>context.stroke();<br/><br/>context.lineTo(36, 32);<br/>context.stroke();<br/><br/>context.lineTo(36, 32);<br/>context.stroke();<br/><br/>context.lineTo(36, 33);<br/>context.stroke();<br/><br/>context.lineTo(36, 34);<br/>context.stroke();<br/><br/>context.lineTo(36, 35);<br/>context.stroke();<br/><br/>context.lineTo(37, 35);<br/>context.stroke();<br/><br/>context.lineTo(38, 36);<br/>context.stroke();<br/><br/>context.lineTo(38, 35);<br/>context.stroke();<br/><br/>context.lineTo(38, 32);<br/>context.stroke();<br/><br/>context.lineTo(38, 30);<br/>context.stroke();<br/><br/>context.lineTo(38, 28);<br/>context.stroke();<br/><br/>context.lineTo(38, 28);<br/>context.stroke();<br/><br/>context.lineTo(38, 27);<br/>context.stroke();<br/><br/>context.lineTo(38, 26);<br/>context.stroke();<br/><br/>context.lineTo(39, 26);<br/>context.stroke();<br/><br/>context.lineTo(39, 26);<br/>context.stroke();<br/><br/>context.lineTo(39, 27);<br/>context.stroke();<br/><br/>context.lineTo(39, 28);<br/>context.stroke();<br/><br/>context.lineTo(39, 30);<br/>context.stroke();<br/><br/>context.lineTo(39, 32);<br/>context.stroke();<br/><br/>context.lineTo(39, 33);<br/>context.stroke();<br/><br/>context.lineTo(39, 34);<br/>context.stroke();<br/><br/>context.lineTo(39, 35);<br/>context.stroke();<br/><br/>context.lineTo(39, 36);<br/>context.stroke();<br/><br/>context.lineTo(39, 36);<br/>context.stroke();<br/><br/>context.lineTo(39, 37);<br/>context.stroke();<br/><br/>context.lineTo(39, 38);<br/>context.stroke();<br/><br/>context.lineTo(39, 39);<br/>context.stroke();<br/><br/>context.lineTo(39, 40);<br/>context.stroke();<br/><br/>context.lineTo(39, 40);<br/>context.stroke();<br/><br/>context.lineTo(39, 40);<br/>context.stroke();<br/><br/>context.lineTo(39, 41);<br/>context.stroke();<br/><br/>context.lineTo(39, 42);<br/>context.stroke();<br/><br/>context.lineTo(39, 43);<br/>context.stroke();<br/><br/>context.lineTo(39, 44);<br/>context.stroke();<br/><br/>context.lineTo(39, 44);<br/>context.stroke();<br/><br/>context.lineTo(40, 44);<br/>context.stroke();<br/><br/>context.lineTo(41, 43);<br/>context.stroke();<br/><br/>context.lineTo(42, 40);<br/>context.stroke();<br/><br/>context.lineTo(43, 37);<br/>context.stroke();<br/><br/>context.lineTo(43, 35);<br/>context.stroke();<br/><br/>context.lineTo(43, 32);<br/>context.stroke();<br/><br/>context.lineTo(43, 30);<br/>context.stroke();<br/><br/>context.lineTo(43, 28);<br/>context.stroke();<br/><br/>context.lineTo(42, 29);<br/>context.stroke();<br/><br/>context.lineTo(42, 31);<br/>context.stroke();<br/><br/>context.lineTo(42, 33);<br/>context.stroke();<br/><br/>context.lineTo(42, 36);<br/>context.stroke();<br/><br/>context.lineTo(42, 36);<br/>context.stroke();<br/><br/>context.lineTo(42, 37);<br/>context.stroke();<br/><br/>context.lineTo(42, 38);<br/>context.stroke();<br/><br/>context.lineTo(43, 39);<br/>context.stroke();<br/><br/>context.lineTo(43, 40);<br/>context.stroke();<br/><br/>context.lineTo(43, 41);<br/>context.stroke();<br/><br/>context.lineTo(43, 42);<br/>context.stroke();<br/><br/>context.lineTo(44, 42);<br/>context.stroke();<br/><br/>context.lineTo(44, 43);<br/>context.stroke();<br/><br/>context.lineTo(45, 44);<br/>context.stroke();<br/><br/>context.lineTo(45, 44);<br/>context.stroke();<br/><br/>context.lineTo(45, 45);<br/>context.stroke();<br/><br/>context.lineTo(45, 46);<br/>context.stroke();<br/><br/>context.lineTo(45, 48);<br/>context.stroke();<br/><br/>context.lineTo(46, 48);<br/>context.stroke();<br/><br/>context.lineTo(46, 48);<br/>context.stroke();<br/><br/>context.lineTo(47, 49);<br/>context.stroke();<br/><br/>context.lineTo(47, 48);<br/>context.stroke();<br/><br/>context.lineTo(47, 47);<br/>context.stroke();<br/><br/>context.lineTo(47, 46);<br/>context.stroke();<br/><br/>context.lineTo(47, 45);<br/>context.stroke();<br/><br/>context.lineTo(47, 44);<br/>context.stroke();<br/><br/>context.lineTo(47, 44);<br/>context.stroke();<br/><br/>context.lineTo(46, 42);<br/>context.stroke();<br/><br/>context.lineTo(46, 40);<br/>context.stroke();<br/><br/>context.lineTo(44, 36);<br/>context.stroke();<br/><br/>context.lineTo(44, 34);<br/>context.stroke();<br/><br/>context.lineTo(44, 33);<br/>context.stroke();<br/><br/>context.lineTo(44, 32);<br/>context.stroke();<br/><br/>context.lineTo(44, 32);<br/>context.stroke();<br/><br/>context.lineTo(43, 32);<br/>context.stroke();<br/><br/>context.lineTo(43, 31);<br/>context.stroke();<br/><br/>context.lineTo(44, 31);<br/>context.stroke();<br/><br/>context.lineTo(45, 31);<br/>context.stroke();<br/><br/>context.lineTo(47, 33);<br/>context.stroke();<br/><br/>context.lineTo(49, 34);<br/>context.stroke();<br/><br/>context.lineTo(50, 34);<br/>context.stroke();<br/><br/>context.lineTo(50, 33);<br/>context.stroke();<br/><br/>context.lineTo(50, 30);<br/>context.stroke();<br/><br/>context.lineTo(50, 29);<br/>context.stroke();<br/><br/>context.lineTo(50, 28);<br/>context.stroke();<br/><br/>context.lineTo(50, 26);<br/>context.stroke();<br/><br/>context.lineTo(51, 26);<br/>context.stroke();<br/><br/>context.lineTo(51, 26);<br/>context.stroke();<br/><br/>context.lineTo(52, 26);<br/>context.stroke();<br/><br/>context.lineTo(53, 26);<br/>context.stroke();<br/><br/>context.lineTo(54, 26);<br/>context.stroke();<br/><br/>context.lineTo(55, 26);<br/>context.stroke();<br/><br/>context.lineTo(56, 26);<br/>context.stroke();<br/><br/>context.lineTo(57, 26);<br/>context.stroke();<br/><br/>context.lineTo(57, 27);<br/>context.stroke();<br/><br/>context.lineTo(58, 28);<br/>context.stroke();<br/><br/>context.lineTo(58, 28);<br/>context.stroke();<br/><br/>context.lineTo(59, 30);<br/>context.stroke();<br/><br/>context.lineTo(59, 32);<br/>context.stroke();<br/><br/>context.lineTo(59, 33);<br/>context.stroke();<br/><br/>context.lineTo(54, 35);<br/>context.stroke();<br/><br/>context.lineTo(48, 35);<br/>context.stroke();<br/><br/>context.lineTo(47, 34);<br/>context.stroke();<br/><br/>context.lineTo(47, 32);<br/>context.stroke();<br/><br/>context.lineTo(47, 32);<br/>context.stroke();<br/><br/>context.lineTo(47, 31);<br/>context.stroke();<br/><br/>context.lineTo(47, 30);<br/>context.stroke();<br/><br/>context.lineTo(47, 30);<br/>context.stroke();<br/><br/>context.lineTo(48, 30);<br/>context.stroke();<br/><br/>context.lineTo(51, 30);<br/>context.stroke();<br/><br/>context.lineTo(53, 31);<br/>context.stroke();<br/><br/>context.lineTo(54, 32);<br/>context.stroke();<br/><br/>context.lineTo(55, 32);<br/>context.stroke();<br/><br/>context.lineTo(55, 32);<br/>context.stroke();<br/><br/>context.lineTo(55, 32);<br/>context.stroke();<br/><br/>context.lineTo(50, 30);<br/>context.stroke();<br/><br/>context.lineTo(49, 28);<br/>context.stroke();<br/><br/>context.lineTo(50, 28);<br/>context.stroke();<br/><br/>context.lineTo(51, 28);<br/>context.stroke();<br/><br/>context.lineTo(52, 28);<br/>context.stroke();<br/><br/>context.lineTo(55, 29);<br/>context.stroke();<br/><br/>context.lineTo(55, 31);<br/>context.stroke();<br/><br/>context.lineTo(56, 32);<br/>context.stroke();<br/><br/>context.lineTo(55, 32);<br/>context.stroke();<br/><br/>context.lineTo(51, 30);<br/>context.stroke();<br/><br/>context.lineTo(52, 30);<br/>context.stroke();<br/><br/>context.lineTo(55, 32);<br/>context.stroke();<br/><br/>context.lineTo(56, 36);<br/>context.stroke();<br/><br/>context.lineTo(56, 36);<br/>context.stroke();<br/><br/>context.lineTo(55, 36);<br/>context.stroke();<br/><br/>context.lineTo(55, 35);<br/>context.stroke();<br/><br/>context.lineTo(55, 34);<br/>context.stroke();<br/><br/>context.lineTo(55, 35);<br/>context.stroke();<br/><br/>context.lineTo(54, 37);<br/>context.stroke();<br/><br/>context.lineTo(51, 39);<br/>context.stroke();<br/><br/>context.lineTo(48, 39);<br/>context.stroke();<br/><br/>context.lineTo(48, 40);<br/>context.stroke();<br/><br/>context.lineTo(48, 41);<br/>context.stroke();<br/><br/>context.lineTo(52, 43);<br/>context.stroke();<br/><br/>context.lineTo(53, 43);<br/>context.stroke();<br/><br/>context.lineTo(55, 43);<br/>context.stroke();<br/><br/>context.lineTo(55, 42);<br/>context.stroke();<br/><br/>context.lineTo(55, 41);<br/>context.stroke();<br/><br/>context.lineTo(55, 40);<br/>context.stroke();<br/><br/>context.lineTo(55, 40);<br/>context.stroke();<br/><br/>context.lineTo(55, 36);<br/>context.stroke();<br/><br/>context.lineTo(55, 34);<br/>context.stroke();<br/><br/>context.lineTo(55, 34);<br/>context.stroke();<br/><br/>context.lineTo(56, 35);<br/>context.stroke();<br/><br/>context.lineTo(57, 35);<br/>context.stroke();<br/><br/>context.lineTo(57, 36);<br/>context.stroke();<br/><br/>context.lineTo(58, 36);<br/>context.stroke();<br/><br/>context.lineTo(59, 37);<br/>context.stroke();<br/><br/>context.lineTo(59, 38);<br/>context.stroke();<br/><br/>context.lineTo(59, 39);<br/>context.stroke();<br/><br/>context.lineTo(59, 40);<br/>context.stroke();<br/><br/>context.lineTo(59, 40);<br/>context.stroke();<br/><br/>context.lineTo(51, 42);<br/>context.stroke();<br/><br/>context.lineTo(47, 42);<br/>context.stroke();<br/><br/>context.lineTo(48, 42);<br/>context.stroke();<br/><br/>context.lineTo(51, 42);<br/>context.stroke();<br/><br/>context.lineTo(54, 43);<br/>context.stroke();<br/><br/>context.lineTo(55, 43);<br/>context.stroke();<br/><br/>context.lineTo(55, 44);<br/>context.stroke();<br/><br/>context.lineTo(51, 44);<br/>context.stroke();<br/><br/>context.lineTo(50, 44);<br/>context.stroke();<br/><br/>context.lineTo(49, 44);<br/>context.stroke();<br/><br/>context.lineTo(48, 44);<br/>context.stroke();<br/><br/>context.lineTo(48, 44);<br/>context.stroke();<br/><br/>context.lineTo(50, 44);<br/>context.stroke();<br/><br/>context.lineTo(51, 46);<br/>context.stroke();<br/><br/>context.lineTo(52, 47);<br/>context.stroke();<br/><br/>context.lineTo(52, 48);<br/>context.stroke();<br/><br/>context.lineTo(52, 48);<br/>context.stroke();<br/><br/>context.lineTo(51, 48);<br/>context.stroke();<br/><br/>context.lineTo(49, 47);<br/>context.stroke();<br/><br/>context.lineTo(46, 45);<br/>context.stroke();<br/><br/>context.lineTo(45, 44);<br/>context.stroke();<br/><br/>context.lineTo(45, 44);<br/>context.stroke();<br/><br/>context.lineTo(45, 43);<br/>context.stroke();<br/><br/>context.lineTo(46, 43);<br/>context.stroke();<br/><br/>context.lineTo(48, 42);<br/>context.stroke();<br/><br/>context.lineTo(48, 40);<br/>context.stroke();<br/><br/>context.lineTo(48, 37);<br/>context.stroke();<br/><br/>context.lineTo(47, 36);<br/>context.stroke();<br/><br/>context.lineTo(47, 36);<br/>context.stroke();<br/><br/>context.lineTo(45, 36);<br/>context.stroke();<br/><br/>context.lineTo(44, 36);<br/>context.stroke();<br/><br/>context.lineTo(44, 35);<br/>context.stroke();<br/><br/>context.lineTo(43, 35);<br/>context.stroke();<br/><br/>context.lineTo(43, 35);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>