&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 = 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 = 13;<br/><br/>context.lineWidth = 14;<br/><br/>context.lineWidth = 13;<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 = 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 = 13;<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 = 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 = 13;<br/><br/>context.lineWidth = 14;<br/><br/>context.lineWidth = 12;<br/><br/>context.lineWidth = 10;<br/><br/>context.lineWidth = 9;<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.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(159.0500030517578, 32.86000061035156);<br/><br/>context.lineTo(159.0500030517578, 32.86000061035156);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.strokeRect(59.04999923706055, 72.86000061035156, 220.95998001098633, 160);<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(127.6199951171875, 120.47999572753906);<br/><br/>context.lineTo(128.5800018310547, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(129.52999877929687, 121.43000030517578);<br/>context.stroke();<br/><br/>context.lineTo(133.33999633789062, 124.29000091552734);<br/>context.stroke();<br/><br/>context.lineTo(140.00999450683594, 128.09999084472656);<br/>context.stroke();<br/><br/>context.lineTo(145.72000122070312, 132.86000061035156);<br/>context.stroke();<br/><br/>context.lineTo(153.33999633789062, 138.5699920654297);<br/>context.stroke();<br/><br/>context.lineTo(160.95999145507812, 142.37998962402344);<br/>context.stroke();<br/><br/>context.lineTo(166.6699981689453, 146.19000244140625);<br/>context.stroke();<br/><br/>context.lineTo(170.47999572753906, 148.09999084472656);<br/>context.stroke();<br/><br/>context.lineTo(172.38999938964844, 150.9499969482422);<br/>context.stroke();<br/><br/>context.lineTo(174.2899932861328, 151.89999389648437);<br/>context.stroke();<br/><br/>context.lineTo(177.14999389648437, 153.80999755859375);<br/>context.stroke();<br/><br/>context.lineTo(178.09999084472656, 155.70999145507812);<br/>context.stroke();<br/><br/>context.lineTo(180.00999450683594, 156.6699981689453);<br/>context.stroke();<br/><br/>context.lineTo(180.95999145507812, 157.6199951171875);<br/>context.stroke();<br/><br/>context.lineTo(182.86000061035156, 159.51998901367187);<br/>context.stroke();<br/><br/>context.lineTo(184.76998901367187, 161.42999267578125);<br/>context.stroke();<br/><br/>context.lineTo(185.72000122070312, 163.3300018310547);<br/>context.stroke();<br/><br/>context.lineTo(188.5800018310547, 165.239990234375);<br/>context.stroke();<br/><br/>context.lineTo(189.52999877929687, 167.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(191.42999267578125, 168.09999084472656);<br/>context.stroke();<br/><br/>context.lineTo(191.42999267578125, 169.0500030517578);<br/>context.stroke();<br/><br/>context.lineTo(193.33999633789062, 170);<br/>context.stroke();<br/><br/>context.lineTo(194.2899932861328, 171.89999389648437);<br/>context.stroke();<br/><br/>context.lineTo(195.239990234375, 171.89999389648437);<br/>context.stroke();<br/><br/>context.lineTo(195.239990234375, 173.80999755859375);<br/>context.stroke();<br/><br/>context.lineTo(196.1999969482422, 174.75999450683594);<br/>context.stroke();<br/><br/>context.lineTo(197.14999389648437, 175.70999145507812);<br/>context.stroke();<br/><br/>context.lineTo(198.09999084472656, 176.6699981689453);<br/>context.stroke();<br/><br/>context.lineTo(198.09999084472656, 177.6199951171875);<br/>context.stroke();<br/><br/>context.lineTo(199.0500030517578, 179.51998901367187);<br/>context.stroke();<br/><br/>context.lineTo(200.00999450683594, 180.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(201.9099884033203, 179.51998901367187);<br/>context.stroke();<br/><br/>context.lineTo(202.86000061035156, 178.5699920654297);<br/>context.stroke();<br/><br/>context.lineTo(204.76998901367187, 176.6699981689453);<br/>context.stroke();<br/><br/>context.lineTo(204.76998901367187, 174.75999450683594);<br/>context.stroke();<br/><br/>context.lineTo(205.72000122070312, 172.86000061035156);<br/>context.stroke();<br/><br/>context.lineTo(207.6199951171875, 170.9499969482422);<br/>context.stroke();<br/><br/>context.lineTo(207.6199951171875, 170);<br/>context.stroke();<br/><br/>context.lineTo(207.6199951171875, 167.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(208.5800018310547, 165.239990234375);<br/>context.stroke();<br/><br/>context.lineTo(208.5800018310547, 162.37998962402344);<br/>context.stroke();<br/><br/>context.lineTo(209.52999877929687, 159.51998901367187);<br/>context.stroke();<br/><br/>context.lineTo(209.52999877929687, 156.6699981689453);<br/>context.stroke();<br/><br/>context.lineTo(211.42999267578125, 153.80999755859375);<br/>context.stroke();<br/><br/>context.lineTo(211.42999267578125, 152.86000061035156);<br/>context.stroke();<br/><br/>context.lineTo(211.42999267578125, 150.9499969482422);<br/>context.stroke();<br/><br/>context.lineTo(211.42999267578125, 149.0500030517578);<br/>context.stroke();<br/><br/>context.lineTo(211.42999267578125, 147.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(211.42999267578125, 146.19000244140625);<br/>context.stroke();<br/><br/>context.lineTo(211.42999267578125, 145.239990234375);<br/>context.stroke();<br/><br/>context.lineTo(211.42999267578125, 144.2899932861328);<br/>context.stroke();<br/><br/>context.lineTo(211.42999267578125, 143.3300018310547);<br/>context.stroke();<br/><br/>context.lineTo(211.42999267578125, 142.37998962402344);<br/>context.stroke();<br/><br/>context.lineTo(212.38999938964844, 142.37998962402344);<br/>context.stroke();<br/><br/>context.lineTo(212.38999938964844, 141.42999267578125);<br/>context.stroke();<br/><br/>context.lineTo(212.38999938964844, 140.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(212.38999938964844, 139.52000427246094);<br/>context.stroke();<br/><br/>context.lineTo(212.38999938964844, 137.6199951171875);<br/>context.stroke();<br/><br/>context.lineTo(214.2899932861328, 135.70999145507812);<br/>context.stroke();<br/><br/>context.lineTo(214.2899932861328, 134.75999450683594);<br/>context.stroke();<br/><br/>context.lineTo(214.2899932861328, 133.80999755859375);<br/>context.stroke();<br/><br/>context.lineTo(215.239990234375, 132.86000061035156);<br/>context.stroke();<br/><br/>context.lineTo(216.1999969482422, 131.89999389648437);<br/>context.stroke();<br/><br/>context.lineTo(216.1999969482422, 130);<br/>context.stroke();<br/><br/>context.lineTo(217.14999389648437, 130);<br/>context.stroke();<br/><br/>context.lineTo(218.09999084472656, 129.0500030517578);<br/>context.stroke();<br/><br/>context.lineTo(218.09999084472656, 128.09999084472656);<br/>context.stroke();<br/><br/>context.lineTo(219.04998779296875, 128.09999084472656);<br/>context.stroke();<br/><br/>context.lineTo(219.04998779296875, 127.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(220.00999450683594, 126.18999481201172);<br/>context.stroke();<br/><br/>context.lineTo(220.95999145507812, 125.23999786376953);<br/>context.stroke();<br/><br/>context.lineTo(220.95999145507812, 124.29000091552734);<br/>context.stroke();<br/><br/>context.lineTo(218.09999084472656, 123.32999420166015);<br/>context.stroke();<br/><br/>context.lineTo(216.1999969482422, 123.32999420166015);<br/>context.stroke();<br/><br/>context.lineTo(214.2899932861328, 123.32999420166015);<br/>context.stroke();<br/><br/>context.lineTo(212.38999938964844, 122.37999725341797);<br/>context.stroke();<br/><br/>context.lineTo(209.52999877929687, 122.37999725341797);<br/>context.stroke();<br/><br/>context.lineTo(206.6699981689453, 121.43000030517578);<br/>context.stroke();<br/><br/>context.lineTo(202.86000061035156, 121.43000030517578);<br/>context.stroke();<br/><br/>context.lineTo(200.95999145507812, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(197.14999389648437, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(189.52999877929687, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(185.72000122070312, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(180.00999450683594, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(179.0500030517578, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(177.14999389648437, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(169.52999877929687, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(167.6199951171875, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(165.72000122070312, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(162.86000061035156, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(161.91000366210937, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(158.09999084472656, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(153.33999633789062, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(151.42999267578125, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(147.6199951171875, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(143.8199920654297, 120.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(140.00999450683594, 121.43000030517578);<br/>context.stroke();<br/><br/>context.lineTo(132.38999938964844, 122.37999725341797);<br/>context.stroke();<br/><br/>context.lineTo(131.42999267578125, 123.32999420166015);<br/>context.stroke();<br/><br/>context.lineTo(128.5800018310547, 123.32999420166015);<br/>context.stroke();<br/><br/>context.lineTo(124.7699966430664, 125.23999786376953);<br/>context.stroke();<br/><br/>context.lineTo(121.90999603271484, 125.23999786376953);<br/>context.stroke();<br/><br/>context.lineTo(120.00999450683594, 127.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(117.14999389648437, 129.0500030517578);<br/>context.stroke();<br/><br/>context.lineTo(115.23999786376953, 130);<br/>context.stroke();<br/><br/>context.lineTo(111.43000030517578, 132.86000061035156);<br/>context.stroke();<br/><br/>context.lineTo(110.47999572753906, 133.80999755859375);<br/>context.stroke();<br/><br/>context.lineTo(106.66999816894531, 136.6699981689453);<br/>context.stroke();<br/><br/>context.lineTo(105.72000122070312, 137.6199951171875);<br/>context.stroke();<br/><br/>context.lineTo(104.7699966430664, 138.5699920654297);<br/>context.stroke();<br/><br/>context.lineTo(103.81999969482422, 141.42999267578125);<br/>context.stroke();<br/><br/>context.lineTo(103.81999969482422, 142.37998962402344);<br/>context.stroke();<br/><br/>context.lineTo(101.90999603271484, 145.239990234375);<br/>context.stroke();<br/><br/>context.lineTo(101.90999603271484, 147.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(100.95999908447265, 150.9499969482422);<br/>context.stroke();<br/><br/>context.lineTo(100.95999908447265, 152.86000061035156);<br/>context.stroke();<br/><br/>context.lineTo(100.00999450683594, 158.5699920654297);<br/>context.stroke();<br/><br/>context.lineTo(100.00999450683594, 163.3300018310547);<br/>context.stroke();<br/><br/>context.lineTo(100.00999450683594, 167.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(100.00999450683594, 171.89999389648437);<br/>context.stroke();<br/><br/>context.lineTo(100.00999450683594, 172.86000061035156);<br/>context.stroke();<br/><br/>context.lineTo(100.00999450683594, 175.70999145507812);<br/>context.stroke();<br/><br/>context.lineTo(100.95999908447265, 176.6699981689453);<br/>context.stroke();<br/><br/>context.lineTo(101.90999603271484, 178.5699920654297);<br/>context.stroke();<br/><br/>context.lineTo(102.86000061035156, 179.51998901367187);<br/>context.stroke();<br/><br/>context.lineTo(105.72000122070312, 182.37998962402344);<br/>context.stroke();<br/><br/>context.lineTo(111.43000030517578, 184.2899932861328);<br/>context.stroke();<br/><br/>context.lineTo(113.33999633789062, 186.19000244140625);<br/>context.stroke();<br/><br/>context.lineTo(119.04999542236328, 187.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(126.66999816894531, 188.09999084472656);<br/>context.stroke();<br/><br/>context.lineTo(136.1999969482422, 188.09999084472656);<br/>context.stroke();<br/><br/>context.lineTo(141.91000366210937, 188.09999084472656);<br/>context.stroke();<br/><br/>context.lineTo(151.42999267578125, 188.09999084472656);<br/>context.stroke();<br/><br/>context.lineTo(159.0500030517578, 188.09999084472656);<br/>context.stroke();<br/><br/>context.lineTo(168.5800018310547, 188.09999084472656);<br/>context.stroke();<br/><br/>context.lineTo(174.2899932861328, 185.239990234375);<br/>context.stroke();<br/><br/>context.lineTo(182.86000061035156, 183.3300018310547);<br/>context.stroke();<br/><br/>context.lineTo(187.6199951171875, 181.42999267578125);<br/>context.stroke();<br/><br/>context.lineTo(190.47999572753906, 180.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(190.47999572753906, 179.51998901367187);<br/>context.stroke();<br/><br/>context.lineTo(192.38999938964844, 178.5699920654297);<br/>context.stroke();<br/><br/>context.lineTo(192.38999938964844, 177.6199951171875);<br/>context.stroke();<br/><br/>context.lineTo(193.33999633789062, 176.6699981689453);<br/>context.stroke();<br/><br/>context.lineTo(194.2899932861328, 173.80999755859375);<br/>context.stroke();<br/><br/>context.lineTo(194.2899932861328, 172.86000061035156);<br/>context.stroke();<br/><br/>context.lineTo(195.239990234375, 170);<br/>context.stroke();<br/><br/>context.lineTo(195.239990234375, 169.0500030517578);<br/>context.stroke();<br/><br/>context.lineTo(195.239990234375, 168.09999084472656);<br/>context.stroke();<br/><br/>context.lineTo(195.239990234375, 164.2899932861328);<br/>context.stroke();<br/><br/>context.lineTo(193.33999633789062, 162.37998962402344);<br/>context.stroke();<br/><br/>context.lineTo(192.38999938964844, 161.42999267578125);<br/>context.stroke();<br/><br/>context.lineTo(191.42999267578125, 160.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(189.52999877929687, 159.51998901367187);<br/>context.stroke();<br/><br/>context.lineTo(187.6199951171875, 159.51998901367187);<br/>context.stroke();<br/><br/>context.lineTo(185.72000122070312, 159.51998901367187);<br/>context.stroke();<br/><br/>context.lineTo(184.76998901367187, 159.51998901367187);<br/>context.stroke();<br/><br/>context.lineTo(184.76998901367187, 159.51998901367187);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>