&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.lineWidth = 1;<br/><br/>context.lineWidth = 2;<br/><br/>context.lineWidth = 3;<br/><br/>context.lineWidth = 4;<br/><br/>context.lineWidth = 5;<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 = 11;<br/><br/>context.lineWidth = 12;<br/><br/>context.lineWidth = 11;<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 = 4;<br/><br/>context.lineWidth = 3;<br/><br/>context.lineWidth = 2;<br/><br/>context.lineWidth = 1;<br/><br/>context.lineWidth = 2;<br/><br/>context.lineWidth = 3;<br/><br/>context.lineWidth = 4;<br/><br/>context.lineWidth = 3;<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(50, 28);<br/><br/>context.lineTo(50, 29);<br/>context.stroke();<br/><br/>context.lineTo(50, 32);<br/>context.stroke();<br/><br/>context.lineTo(49, 36);<br/>context.stroke();<br/><br/>context.lineTo(49, 38);<br/>context.stroke();<br/><br/>context.lineTo(49, 43);<br/>context.stroke();<br/><br/>context.lineTo(49, 47);<br/>context.stroke();<br/><br/>context.lineTo(49, 50);<br/>context.stroke();<br/><br/>context.lineTo(49, 56);<br/>context.stroke();<br/><br/>context.lineTo(49, 60);<br/>context.stroke();<br/><br/>context.lineTo(49, 65);<br/>context.stroke();<br/><br/>context.lineTo(49, 70);<br/>context.stroke();<br/><br/>context.lineTo(49, 74);<br/>context.stroke();<br/><br/>context.lineTo(49, 78);<br/>context.stroke();<br/><br/>context.lineTo(49, 82);<br/>context.stroke();<br/><br/>context.lineTo(49, 86);<br/>context.stroke();<br/><br/>context.lineTo(49, 89);<br/>context.stroke();<br/><br/>context.lineTo(49, 92);<br/>context.stroke();<br/><br/>context.lineTo(48, 94);<br/>context.stroke();<br/><br/>context.lineTo(48, 95);<br/>context.stroke();<br/><br/>context.lineTo(48, 97);<br/>context.stroke();<br/><br/>context.lineTo(48, 98);<br/>context.stroke();<br/><br/>context.lineTo(48, 99);<br/>context.stroke();<br/><br/>context.lineTo(48, 98);<br/>context.stroke();<br/><br/>context.lineTo(48, 97);<br/>context.stroke();<br/><br/>context.lineTo(48, 96);<br/>context.stroke();<br/><br/>context.lineTo(48, 95);<br/>context.stroke();<br/><br/>context.lineTo(48, 94);<br/>context.stroke();<br/><br/>context.lineTo(48, 93);<br/>context.stroke();<br/><br/>context.lineTo(48, 93);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(51, 27);<br/><br/>context.lineTo(52, 27);<br/>context.stroke();<br/><br/>context.lineTo(53, 28);<br/>context.stroke();<br/><br/>context.lineTo(55, 28);<br/>context.stroke();<br/><br/>context.lineTo(56, 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(59, 29);<br/>context.stroke();<br/><br/>context.lineTo(60, 29);<br/>context.stroke();<br/><br/>context.lineTo(61, 29);<br/>context.stroke();<br/><br/>context.lineTo(62, 29);<br/>context.stroke();<br/><br/>context.lineTo(63, 29);<br/>context.stroke();<br/><br/>context.lineTo(64, 30);<br/>context.stroke();<br/><br/>context.lineTo(66, 30);<br/>context.stroke();<br/><br/>context.lineTo(68, 31);<br/>context.stroke();<br/><br/>context.lineTo(70, 31);<br/>context.stroke();<br/><br/>context.lineTo(72, 32);<br/>context.stroke();<br/><br/>context.lineTo(74, 33);<br/>context.stroke();<br/><br/>context.lineTo(76, 34);<br/>context.stroke();<br/><br/>context.lineTo(78, 34);<br/>context.stroke();<br/><br/>context.lineTo(80, 35);<br/>context.stroke();<br/><br/>context.lineTo(81, 35);<br/>context.stroke();<br/><br/>context.lineTo(82, 36);<br/>context.stroke();<br/><br/>context.lineTo(83, 36);<br/>context.stroke();<br/><br/>context.lineTo(84, 36);<br/>context.stroke();<br/><br/>context.lineTo(85, 36);<br/>context.stroke();<br/><br/>context.lineTo(86, 37);<br/>context.stroke();<br/><br/>context.lineTo(87, 37);<br/>context.stroke();<br/><br/>context.lineTo(90, 38);<br/>context.stroke();<br/><br/>context.lineTo(92, 39);<br/>context.stroke();<br/><br/>context.lineTo(94, 39);<br/>context.stroke();<br/><br/>context.lineTo(95, 40);<br/>context.stroke();<br/><br/>context.lineTo(97, 40);<br/>context.stroke();<br/><br/>context.lineTo(97, 41);<br/>context.stroke();<br/><br/>context.lineTo(98, 41);<br/>context.stroke();<br/><br/>context.lineTo(99, 41);<br/>context.stroke();<br/><br/>context.lineTo(100, 41);<br/>context.stroke();<br/><br/>context.lineTo(100, 42);<br/>context.stroke();<br/><br/>context.lineTo(100, 43);<br/>context.stroke();<br/><br/>context.lineTo(100, 44);<br/>context.stroke();<br/><br/>context.lineTo(100, 45);<br/>context.stroke();<br/><br/>context.lineTo(100, 46);<br/>context.stroke();<br/><br/>context.lineTo(100, 47);<br/>context.stroke();<br/><br/>context.lineTo(100, 48);<br/>context.stroke();<br/><br/>context.lineTo(100, 49);<br/>context.stroke();<br/><br/>context.lineTo(100, 51);<br/>context.stroke();<br/><br/>context.lineTo(99, 52);<br/>context.stroke();<br/><br/>context.lineTo(98, 53);<br/>context.stroke();<br/><br/>context.lineTo(97, 54);<br/>context.stroke();<br/><br/>context.lineTo(95, 54);<br/>context.stroke();<br/><br/>context.lineTo(94, 55);<br/>context.stroke();<br/><br/>context.lineTo(92, 56);<br/>context.stroke();<br/><br/>context.lineTo(91, 56);<br/>context.stroke();<br/><br/>context.lineTo(89, 57);<br/>context.stroke();<br/><br/>context.lineTo(87, 58);<br/>context.stroke();<br/><br/>context.lineTo(85, 58);<br/>context.stroke();<br/><br/>context.lineTo(84, 59);<br/>context.stroke();<br/><br/>context.lineTo(82, 59);<br/>context.stroke();<br/><br/>context.lineTo(80, 59);<br/>context.stroke();<br/><br/>context.lineTo(79, 60);<br/>context.stroke();<br/><br/>context.lineTo(76, 60);<br/>context.stroke();<br/><br/>context.lineTo(75, 60);<br/>context.stroke();<br/><br/>context.lineTo(72, 60);<br/>context.stroke();<br/><br/>context.lineTo(70, 60);<br/>context.stroke();<br/><br/>context.lineTo(68, 60);<br/>context.stroke();<br/><br/>context.lineTo(66, 60);<br/>context.stroke();<br/><br/>context.lineTo(63, 60);<br/>context.stroke();<br/><br/>context.lineTo(61, 60);<br/>context.stroke();<br/><br/>context.lineTo(59, 60);<br/>context.stroke();<br/><br/>context.lineTo(58, 60);<br/>context.stroke();<br/><br/>context.lineTo(57, 59);<br/>context.stroke();<br/><br/>context.lineTo(56, 59);<br/>context.stroke();<br/><br/>context.lineTo(55, 59);<br/>context.stroke();<br/><br/>context.lineTo(53, 58);<br/>context.stroke();<br/><br/>context.lineTo(51, 58);<br/>context.stroke();<br/><br/>context.lineTo(50, 57);<br/>context.stroke();<br/><br/>context.lineTo(49, 57);<br/>context.stroke();<br/><br/>context.lineTo(52, 57);<br/>context.stroke();<br/><br/>context.lineTo(54, 57);<br/>context.stroke();<br/><br/>context.lineTo(56, 58);<br/>context.stroke();<br/><br/>context.lineTo(59, 58);<br/>context.stroke();<br/><br/>context.lineTo(62, 59);<br/>context.stroke();<br/><br/>context.lineTo(64, 59);<br/>context.stroke();<br/><br/>context.lineTo(65, 60);<br/>context.stroke();<br/><br/>context.lineTo(66, 60);<br/>context.stroke();<br/><br/>context.lineTo(67, 61);<br/>context.stroke();<br/><br/>context.lineTo(68, 61);<br/>context.stroke();<br/><br/>context.lineTo(69, 61);<br/>context.stroke();<br/><br/>context.lineTo(70, 62);<br/>context.stroke();<br/><br/>context.lineTo(71, 62);<br/>context.stroke();<br/><br/>context.lineTo(73, 62);<br/>context.stroke();<br/><br/>context.lineTo(74, 62);<br/>context.stroke();<br/><br/>context.lineTo(75, 63);<br/>context.stroke();<br/><br/>context.lineTo(76, 64);<br/>context.stroke();<br/><br/>context.lineTo(77, 64);<br/>context.stroke();<br/><br/>context.lineTo(78, 64);<br/>context.stroke();<br/><br/>context.lineTo(79, 65);<br/>context.stroke();<br/><br/>context.lineTo(80, 65);<br/>context.stroke();<br/><br/>context.lineTo(81, 66);<br/>context.stroke();<br/><br/>context.lineTo(82, 67);<br/>context.stroke();<br/><br/>context.lineTo(83, 68);<br/>context.stroke();<br/><br/>context.lineTo(84, 68);<br/>context.stroke();<br/><br/>context.lineTo(84, 69);<br/>context.stroke();<br/><br/>context.lineTo(85, 70);<br/>context.stroke();<br/><br/>context.lineTo(85, 71);<br/>context.stroke();<br/><br/>context.lineTo(85, 72);<br/>context.stroke();<br/><br/>context.lineTo(85, 73);<br/>context.stroke();<br/><br/>context.lineTo(85, 74);<br/>context.stroke();<br/><br/>context.lineTo(85, 76);<br/>context.stroke();<br/><br/>context.lineTo(85, 77);<br/>context.stroke();<br/><br/>context.lineTo(85, 78);<br/>context.stroke();<br/><br/>context.lineTo(85, 80);<br/>context.stroke();<br/><br/>context.lineTo(85, 81);<br/>context.stroke();<br/><br/>context.lineTo(85, 83);<br/>context.stroke();<br/><br/>context.lineTo(84, 84);<br/>context.stroke();<br/><br/>context.lineTo(83, 86);<br/>context.stroke();<br/><br/>context.lineTo(82, 87);<br/>context.stroke();<br/><br/>context.lineTo(82, 89);<br/>context.stroke();<br/><br/>context.lineTo(81, 90);<br/>context.stroke();<br/><br/>context.lineTo(80, 91);<br/>context.stroke();<br/><br/>context.lineTo(79, 92);<br/>context.stroke();<br/><br/>context.lineTo(78, 92);<br/>context.stroke();<br/><br/>context.lineTo(77, 94);<br/>context.stroke();<br/><br/>context.lineTo(76, 94);<br/>context.stroke();<br/><br/>context.lineTo(74, 95);<br/>context.stroke();<br/><br/>context.lineTo(73, 96);<br/>context.stroke();<br/><br/>context.lineTo(71, 96);<br/>context.stroke();<br/><br/>context.lineTo(70, 97);<br/>context.stroke();<br/><br/>context.lineTo(68, 98);<br/>context.stroke();<br/><br/>context.lineTo(67, 98);<br/>context.stroke();<br/><br/>context.lineTo(66, 99);<br/>context.stroke();<br/><br/>context.lineTo(65, 99);<br/>context.stroke();<br/><br/>context.lineTo(64, 100);<br/>context.stroke();<br/><br/>context.lineTo(62, 100);<br/>context.stroke();<br/><br/>context.lineTo(61, 101);<br/>context.stroke();<br/><br/>context.lineTo(60, 101);<br/>context.stroke();<br/><br/>context.lineTo(59, 102);<br/>context.stroke();<br/><br/>context.lineTo(58, 102);<br/>context.stroke();<br/><br/>context.lineTo(56, 102);<br/>context.stroke();<br/><br/>context.lineTo(55, 102);<br/>context.stroke();<br/><br/>context.lineTo(53, 102);<br/>context.stroke();<br/><br/>context.lineTo(51, 101);<br/>context.stroke();<br/><br/>context.lineTo(50, 101);<br/>context.stroke();<br/><br/>context.lineTo(48, 100);<br/>context.stroke();<br/><br/>context.lineTo(47, 99);<br/>context.stroke();<br/><br/>context.lineTo(45, 99);<br/>context.stroke();<br/><br/>context.lineTo(45, 99);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(104, 98);<br/><br/>context.lineTo(103, 98);<br/>context.stroke();<br/><br/>context.lineTo(102, 98);<br/>context.stroke();<br/><br/>context.lineTo(101, 98);<br/>context.stroke();<br/><br/>context.lineTo(100, 99);<br/>context.stroke();<br/><br/>context.lineTo(100, 100);<br/>context.stroke();<br/><br/>context.lineTo(101, 100);<br/>context.stroke();<br/><br/>context.lineTo(102, 100);<br/>context.stroke();<br/><br/>context.lineTo(103, 100);<br/>context.stroke();<br/><br/>context.lineTo(103, 100);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(162, 46);<br/><br/>context.lineTo(160, 46);<br/>context.stroke();<br/><br/>context.lineTo(158, 46);<br/>context.stroke();<br/><br/>context.lineTo(157, 46);<br/>context.stroke();<br/><br/>context.lineTo(156, 46);<br/>context.stroke();<br/><br/>context.lineTo(154, 46);<br/>context.stroke();<br/><br/>context.lineTo(152, 46);<br/>context.stroke();<br/><br/>context.lineTo(150, 46);<br/>context.stroke();<br/><br/>context.lineTo(148, 46);<br/>context.stroke();<br/><br/>context.lineTo(147, 47);<br/>context.stroke();<br/><br/>context.lineTo(146, 47);<br/>context.stroke();<br/><br/>context.lineTo(144, 47);<br/>context.stroke();<br/><br/>context.lineTo(143, 47);<br/>context.stroke();<br/><br/>context.lineTo(142, 48);<br/>context.stroke();<br/><br/>context.lineTo(141, 48);<br/>context.stroke();<br/><br/>context.lineTo(140, 49);<br/>context.stroke();<br/><br/>context.lineTo(140, 50);<br/>context.stroke();<br/><br/>context.lineTo(139, 51);<br/>context.stroke();<br/><br/>context.lineTo(139, 52);<br/>context.stroke();<br/><br/>context.lineTo(138, 53);<br/>context.stroke();<br/><br/>context.lineTo(138, 54);<br/>context.stroke();<br/><br/>context.lineTo(138, 55);<br/>context.stroke();<br/><br/>context.lineTo(138, 56);<br/>context.stroke();<br/><br/>context.lineTo(137, 58);<br/>context.stroke();<br/><br/>context.lineTo(137, 59);<br/>context.stroke();<br/><br/>context.lineTo(137, 60);<br/>context.stroke();<br/><br/>context.lineTo(137, 61);<br/>context.stroke();<br/><br/>context.lineTo(137, 62);<br/>context.stroke();<br/><br/>context.lineTo(137, 63);<br/>context.stroke();<br/><br/>context.lineTo(138, 64);<br/>context.stroke();<br/><br/>context.lineTo(138, 65);<br/>context.stroke();<br/><br/>context.lineTo(139, 66);<br/>context.stroke();<br/><br/>context.lineTo(140, 67);<br/>context.stroke();<br/><br/>context.lineTo(141, 67);<br/>context.stroke();<br/><br/>context.lineTo(143, 68);<br/>context.stroke();<br/><br/>context.lineTo(144, 69);<br/>context.stroke();<br/><br/>context.lineTo(145, 69);<br/>context.stroke();<br/><br/>context.lineTo(146, 71);<br/>context.stroke();<br/><br/>context.lineTo(147, 71);<br/>context.stroke();<br/><br/>context.lineTo(148, 72);<br/>context.stroke();<br/><br/>context.lineTo(149, 73);<br/>context.stroke();<br/><br/>context.lineTo(151, 74);<br/>context.stroke();<br/><br/>context.lineTo(152, 75);<br/>context.stroke();<br/><br/>context.lineTo(153, 76);<br/>context.stroke();<br/><br/>context.lineTo(153, 77);<br/>context.stroke();<br/><br/>context.lineTo(154, 79);<br/>context.stroke();<br/><br/>context.lineTo(155, 81);<br/>context.stroke();<br/><br/>context.lineTo(156, 82);<br/>context.stroke();<br/><br/>context.lineTo(156, 84);<br/>context.stroke();<br/><br/>context.lineTo(156, 85);<br/>context.stroke();<br/><br/>context.lineTo(157, 86);<br/>context.stroke();<br/><br/>context.lineTo(157, 87);<br/>context.stroke();<br/><br/>context.lineTo(157, 88);<br/>context.stroke();<br/><br/>context.lineTo(157, 90);<br/>context.stroke();<br/><br/>context.lineTo(157, 91);<br/>context.stroke();<br/><br/>context.lineTo(157, 92);<br/>context.stroke();<br/><br/>context.lineTo(157, 93);<br/>context.stroke();<br/><br/>context.lineTo(157, 95);<br/>context.stroke();<br/><br/>context.lineTo(157, 97);<br/>context.stroke();<br/><br/>context.lineTo(157, 99);<br/>context.stroke();<br/><br/>context.lineTo(156, 100);<br/>context.stroke();<br/><br/>context.lineTo(155, 101);<br/>context.stroke();<br/><br/>context.lineTo(155, 103);<br/>context.stroke();<br/><br/>context.lineTo(154, 104);<br/>context.stroke();<br/><br/>context.lineTo(154, 105);<br/>context.stroke();<br/><br/>context.lineTo(153, 106);<br/>context.stroke();<br/><br/>context.lineTo(153, 107);<br/>context.stroke();<br/><br/>context.lineTo(152, 107);<br/>context.stroke();<br/><br/>context.lineTo(151, 107);<br/>context.stroke();<br/><br/>context.lineTo(150, 108);<br/>context.stroke();<br/><br/>context.lineTo(149, 108);<br/>context.stroke();<br/><br/>context.lineTo(148, 108);<br/>context.stroke();<br/><br/>context.lineTo(147, 109);<br/>context.stroke();<br/><br/>context.lineTo(146, 110);<br/>context.stroke();<br/><br/>context.lineTo(145, 110);<br/>context.stroke();<br/><br/>context.lineTo(144, 110);<br/>context.stroke();<br/><br/>context.lineTo(142, 110);<br/>context.stroke();<br/><br/>context.lineTo(141, 110);<br/>context.stroke();<br/><br/>context.lineTo(139, 110);<br/>context.stroke();<br/><br/>context.lineTo(137, 110);<br/>context.stroke();<br/><br/>context.lineTo(136, 109);<br/>context.stroke();<br/><br/>context.lineTo(134, 109);<br/>context.stroke();<br/><br/>context.lineTo(133, 108);<br/>context.stroke();<br/><br/>context.lineTo(132, 108);<br/>context.stroke();<br/><br/>context.lineTo(131, 108);<br/>context.stroke();<br/><br/>context.lineTo(131, 107);<br/>context.stroke();<br/><br/>context.lineTo(130, 106);<br/>context.stroke();<br/><br/>context.lineTo(130, 106);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(179, 102);<br/><br/>context.lineTo(178, 102);<br/>context.stroke();<br/><br/>context.lineTo(178, 103);<br/>context.stroke();<br/><br/>context.lineTo(177, 102);<br/>context.stroke();<br/><br/>context.lineTo(177, 102);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>