&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(74.7699966430664, 220.0800018310547);<br/><br/>context.lineTo(75.66999816894531, 220.0800018310547);<br/>context.stroke();<br/><br/>context.lineTo(80.18000030517578, 220.0800018310547);<br/>context.stroke();<br/><br/>context.lineTo(83.77999877929687, 220.0800018310547);<br/>context.stroke();<br/><br/>context.lineTo(90.98999786376953, 219.17999267578125);<br/>context.stroke();<br/><br/>context.lineTo(99.0999984741211, 218.27999877929687);<br/>context.stroke();<br/><br/>context.lineTo(108.11000061035156, 215.5699920654297);<br/>context.stroke();<br/><br/>context.lineTo(115.30999755859375, 213.76998901367187);<br/>context.stroke();<br/><br/>context.lineTo(126.1199951171875, 211.97000122070312);<br/>context.stroke();<br/><br/>context.lineTo(134.22999572753906, 211.97000122070312);<br/>context.stroke();<br/><br/>context.lineTo(143.239990234375, 211.97000122070312);<br/>context.stroke();<br/><br/>context.lineTo(154.0500030517578, 211.97000122070312);<br/>context.stroke();<br/><br/>context.lineTo(163.05999755859375, 211.97000122070312);<br/>context.stroke();<br/><br/>context.lineTo(175.6699981689453, 212.8699951171875);<br/>context.stroke();<br/><br/>context.lineTo(181.97999572753906, 213.76998901367187);<br/>context.stroke();<br/><br/>context.lineTo(190.08999633789062, 215.5699920654297);<br/>context.stroke();<br/><br/>context.lineTo(195.489990234375, 218.27999877929687);<br/>context.stroke();<br/><br/>context.lineTo(200, 220.0800018310547);<br/>context.stroke();<br/><br/>context.lineTo(204.5, 221.87998962402344);<br/>context.stroke();<br/><br/>context.lineTo(208.11000061035156, 225.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(210.80999755859375, 226.38999938964844);<br/>context.stroke();<br/><br/>context.lineTo(214.4099884033203, 230.88999938964844);<br/>context.stroke();<br/><br/>context.lineTo(218.9199981689453, 232.6899871826172);<br/>context.stroke();<br/><br/>context.lineTo(220.72000122070312, 236.29998779296875);<br/>context.stroke();<br/><br/>context.lineTo(221.6199951171875, 238.09999084472656);<br/>context.stroke();<br/><br/>context.lineTo(222.51998901367187, 240.79998779296875);<br/>context.stroke();<br/><br/>context.lineTo(223.4199981689453, 242.59999084472656);<br/>context.stroke();<br/><br/>context.lineTo(223.4199981689453, 243.5);<br/>context.stroke();<br/><br/>context.lineTo(223.4199981689453, 244.39999389648437);<br/>context.stroke();<br/><br/>context.lineTo(223.4199981689453, 245.29998779296875);<br/>context.stroke();<br/><br/>context.lineTo(223.4199981689453, 246.20999145507812);<br/>context.stroke();<br/><br/>context.lineTo(223.4199981689453, 248.9099884033203);<br/>context.stroke();<br/><br/>context.lineTo(223.4199981689453, 252.50999450683594);<br/>context.stroke();<br/><br/>context.lineTo(223.4199981689453, 257.0199890136719);<br/>context.stroke();<br/><br/>context.lineTo(223.4199981689453, 261.5199890136719);<br/>context.stroke();<br/><br/>context.lineTo(223.4199981689453, 269.6300048828125);<br/>context.stroke();<br/><br/>context.lineTo(223.4199981689453, 272.3299865722656);<br/>context.stroke();<br/><br/>context.lineTo(222.51998901367187, 275.94000244140625);<br/>context.stroke();<br/><br/>context.lineTo(221.6199951171875, 276.8399963378906);<br/>context.stroke();<br/><br/>context.lineTo(221.6199951171875, 277.739990234375);<br/>context.stroke();<br/><br/>context.lineTo(221.6199951171875, 277.739990234375);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(336.94000244140625, 51.439998626708984);<br/><br/>context.lineTo(332.42999267578125, 51.439998626708984);<br/>context.stroke();<br/><br/>context.lineTo(322.5199890136719, 50.53999710083008);<br/>context.stroke();<br/><br/>context.lineTo(305.3999938964844, 47.84000015258789);<br/>context.stroke();<br/><br/>context.lineTo(292.7900085449219, 46.03999710083008);<br/>context.stroke();<br/><br/>context.lineTo(259.4599914550781, 45.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(246.84999084472656, 45.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(230.62998962402344, 45.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(218.01998901367187, 45.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(202.6999969482422, 47.84000015258789);<br/>context.stroke();<br/><br/>context.lineTo(181.97999572753906, 51.439998626708984);<br/>context.stroke();<br/><br/>context.lineTo(173.8699951171875, 52.34000015258789);<br/>context.stroke();<br/><br/>context.lineTo(167.5699920654297, 53.23999786376953);<br/>context.stroke();<br/><br/>context.lineTo(160.36000061035156, 57.75);<br/>context.stroke();<br/><br/>context.lineTo(155.84999084472656, 64.04999542236328);<br/>context.stroke();<br/><br/>context.lineTo(154.0500030517578, 67.65999603271484);<br/>context.stroke();<br/><br/>context.lineTo(152.25, 73.05999755859375);<br/>context.stroke();<br/><br/>context.lineTo(153.14999389648437, 82.06999969482422);<br/>context.stroke();<br/><br/>context.lineTo(156.75999450683594, 91.07999420166015);<br/>context.stroke();<br/><br/>context.lineTo(158.55999755859375, 94.68000030517578);<br/>context.stroke();<br/><br/>context.lineTo(161.25999450683594, 97.38999938964844);<br/>context.stroke();<br/><br/>context.lineTo(166.6699981689453, 101.88999938964844);<br/>context.stroke();<br/><br/>context.lineTo(172.97000122070312, 106.39999389648437);<br/>context.stroke();<br/><br/>context.lineTo(176.5800018310547, 109.0999984741211);<br/>context.stroke();<br/><br/>context.lineTo(181.0800018310547, 113.5999984741211);<br/>context.stroke();<br/><br/>context.lineTo(186.489990234375, 117.20999908447265);<br/>context.stroke();<br/><br/>context.lineTo(190.989990234375, 118.11000061035156);<br/>context.stroke();<br/><br/>context.lineTo(200, 120.80999755859375);<br/>context.stroke();<br/><br/>context.lineTo(206.29998779296875, 122.61000061035156);<br/>context.stroke();<br/><br/>context.lineTo(219.8199920654297, 124.40999603271484);<br/>context.stroke();<br/><br/>context.lineTo(228.8300018310547, 124.40999603271484);<br/>context.stroke();<br/><br/>context.lineTo(236.9399871826172, 124.40999603271484);<br/>context.stroke();<br/><br/>context.lineTo(249.54998779296875, 123.50999450683594);<br/>context.stroke();<br/><br/>context.lineTo(260.3599853515625, 118.11000061035156);<br/>context.stroke();<br/><br/>context.lineTo(263.9599914550781, 116.30999755859375);<br/>context.stroke();<br/><br/>context.lineTo(273.8699951171875, 108.19999694824219);<br/>context.stroke();<br/><br/>context.lineTo(282.8800048828125, 100.98999786376953);<br/>context.stroke();<br/><br/>context.lineTo(290.0899963378906, 99.18999481201172);<br/>context.stroke();<br/><br/>context.lineTo(299.1000061035156, 94.68000030517578);<br/>context.stroke();<br/><br/>context.lineTo(304.5, 92.87999725341797);<br/>context.stroke();<br/><br/>context.lineTo(310.80999755859375, 92.87999725341797);<br/>context.stroke();<br/><br/>context.lineTo(317.1199951171875, 92.87999725341797);<br/>context.stroke();<br/><br/>context.lineTo(324.32000732421875, 94.68000030517578);<br/>context.stroke();<br/><br/>context.lineTo(328.8299865722656, 98.29000091552734);<br/>context.stroke();<br/><br/>context.lineTo(336.0299987792969, 106.39999389648437);<br/>context.stroke();<br/><br/>context.lineTo(341.44000244140625, 118.11000061035156);<br/>context.stroke();<br/><br/>context.lineTo(342.3399963378906, 128.02000427246094);<br/>context.stroke();<br/><br/>context.lineTo(342.3399963378906, 135.22999572753906);<br/>context.stroke();<br/><br/>context.lineTo(341.44000244140625, 139.72999572753906);<br/>context.stroke();<br/><br/>context.lineTo(338.739990234375, 143.3300018310547);<br/>context.stroke();<br/><br/>context.lineTo(335.1300048828125, 146.0399932861328);<br/>context.stroke();<br/><br/>context.lineTo(329.72998046875, 150.5399932861328);<br/>context.stroke();<br/><br/>context.lineTo(325.2200012207031, 152.33999633789062);<br/>context.stroke();<br/><br/>context.lineTo(322.5199890136719, 154.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(319.82000732421875, 155.9499969482422);<br/>context.stroke();<br/><br/>context.lineTo(318.91998291015625, 155.9499969482422);<br/>context.stroke();<br/><br/>context.lineTo(318.0199890136719, 155.9499969482422);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(316.2099914550781, 50.53999710083008);<br/><br/>context.lineTo(315.30999755859375, 50.53999710083008);<br/>context.stroke();<br/><br/>context.lineTo(304.5, 50.53999710083008);<br/>context.stroke();<br/><br/>context.lineTo(282.8800048828125, 50.53999710083008);<br/>context.stroke();<br/><br/>context.lineTo(255.84999084472656, 50.53999710083008);<br/>context.stroke();<br/><br/>context.lineTo(229.72999572753906, 50.53999710083008);<br/>context.stroke();<br/><br/>context.lineTo(205.39999389648437, 50.53999710083008);<br/>context.stroke();<br/><br/>context.lineTo(177.47999572753906, 50.53999710083008);<br/>context.stroke();<br/><br/>context.lineTo(158.55999755859375, 50.53999710083008);<br/>context.stroke();<br/><br/>context.lineTo(145.94000244140625, 50.53999710083008);<br/>context.stroke();<br/><br/>context.lineTo(136.94000244140625, 50.53999710083008);<br/>context.stroke();<br/><br/>context.lineTo(131.52999877929687, 52.34000015258789);<br/>context.stroke();<br/><br/>context.lineTo(130.62998962402344, 52.34000015258789);<br/>context.stroke();<br/><br/>context.lineTo(129.72999572753906, 52.34000015258789);<br/>context.stroke();<br/><br/>context.lineTo(131.52999877929687, 52.34000015258789);<br/>context.stroke();<br/><br/>context.lineTo(140.5399932861328, 52.34000015258789);<br/>context.stroke();<br/><br/>context.lineTo(161.25999450683594, 46.939998626708984);<br/>context.stroke();<br/><br/>context.lineTo(184.67999267578125, 43.32999801635742);<br/>context.stroke();<br/><br/>context.lineTo(226.1199951171875, 37.029998779296875);<br/>context.stroke();<br/><br/>context.lineTo(250.4499969482422, 37.029998779296875);<br/>context.stroke();<br/><br/>context.lineTo(273.8699951171875, 38.82999801635742);<br/>context.stroke();<br/><br/>context.lineTo(305.3999938964844, 47.84000015258789);<br/>context.stroke();<br/><br/>context.lineTo(326.1199951171875, 51.439998626708984);<br/>context.stroke();<br/><br/>context.lineTo(340.53997802734375, 54.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(343.239990234375, 54.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(341.44000244140625, 54.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(333.3299865722656, 54.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(305.3999938964844, 54.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(285.5799865722656, 54.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(259.4599914550781, 54.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(243.239990234375, 54.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(221.6199951171875, 54.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(214.4099884033203, 54.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(209.9099884033203, 54.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(212.61000061035156, 53.23999786376953);<br/>context.stroke();<br/><br/>context.lineTo(219.8199920654297, 47.84000015258789);<br/>context.stroke();<br/><br/>context.lineTo(228.8300018310547, 43.32999801635742);<br/>context.stroke();<br/><br/>context.lineTo(232.42999267578125, 41.529998779296875);<br/>context.stroke();<br/><br/>context.lineTo(235.12998962402344, 40.62999725341797);<br/>context.stroke();<br/><br/>context.lineTo(236.02999877929687, 40.62999725341797);<br/>context.stroke();<br/><br/>context.lineTo(238.739990234375, 40.62999725341797);<br/>context.stroke();<br/><br/>context.lineTo(243.239990234375, 40.62999725341797);<br/>context.stroke();<br/><br/>context.lineTo(246.84999084472656, 41.529998779296875);<br/>context.stroke();<br/><br/>context.lineTo(253.14999389648437, 44.22999954223633);<br/>context.stroke();<br/><br/>context.lineTo(255.84999084472656, 46.03999710083008);<br/>context.stroke();<br/><br/>context.lineTo(257.6600036621094, 46.03999710083008);<br/>context.stroke();<br/><br/>context.lineTo(257.6600036621094, 46.939998626708984);<br/>context.stroke();<br/><br/>context.lineTo(257.6600036621094, 47.84000015258789);<br/>context.stroke();<br/><br/>context.lineTo(262.1600036621094, 54.13999938964844);<br/>context.stroke();<br/><br/>context.lineTo(263.05999755859375, 56.849998474121094);<br/>context.stroke();<br/><br/>context.lineTo(263.05999755859375, 59.54999923706055);<br/>context.stroke();<br/><br/>context.lineTo(260.3599853515625, 57.75);<br/>context.stroke();<br/><br/>context.lineTo(250.4499969482422, 48.73999786376953);<br/>context.stroke();<br/><br/>context.lineTo(247.75, 46.03999710083008);<br/>context.stroke();<br/><br/>context.lineTo(247.75, 46.03999710083008);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(228.8300018310547, 34.31999969482422);<br/><br/>context.lineTo(224.3199920654297, 43.32999801635742);<br/>context.stroke();<br/><br/>context.lineTo(221.6199951171875, 52.34000015258789);<br/>context.stroke();<br/><br/>context.lineTo(218.9199981689453, 58.64999771118164);<br/>context.stroke();<br/><br/>context.lineTo(218.01998901367187, 60.44999694824219);<br/>context.stroke();<br/><br/>context.lineTo(218.01998901367187, 60.44999694824219);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(191.88999938964844, 51.439998626708984);<br/><br/>context.lineTo(189.19000244140625, 53.23999786376953);<br/>context.stroke();<br/><br/>context.lineTo(184.67999267578125, 55.04999923706055);<br/>context.stroke();<br/><br/>context.lineTo(182.87998962402344, 58.64999771118164);<br/>context.stroke();<br/><br/>context.lineTo(181.97999572753906, 64.94999694824219);<br/>context.stroke();<br/><br/>context.lineTo(182.87998962402344, 69.45999908447265);<br/>context.stroke();<br/><br/>context.lineTo(184.67999267578125, 70.36000061035156);<br/>context.stroke();<br/><br/>context.lineTo(184.67999267578125, 70.36000061035156);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(409.9100036621094, 240.25);<br/><br/>context.lineTo(406.29998779296875, 240.25);<br/>context.stroke();<br/><br/>context.lineTo(404.5, 240.25);<br/>context.stroke();<br/><br/>context.lineTo(400.8999938964844, 238.4499969482422);<br/>context.stroke();<br/><br/>context.lineTo(397.29998779296875, 224.92999267578125);<br/>context.stroke();<br/><br/>context.lineTo(401.79998779296875, 195.1999969482422);<br/>context.stroke();<br/><br/>context.lineTo(418.91998291015625, 163.6699981689453);<br/>context.stroke();<br/><br/>context.lineTo(439.6399841308594, 138.4499969482422);<br/>context.stroke();<br/><br/>context.lineTo(450.4499816894531, 129.44000244140625);<br/>context.stroke();<br/><br/>context.lineTo(454.9499816894531, 127.63999938964844);<br/>context.stroke();<br/><br/>context.lineTo(453.1499938964844, 127.63999938964844);<br/>context.stroke();<br/><br/>context.lineTo(429.72998046875, 135.75);<br/>context.stroke();<br/><br/>context.lineTo(403.6000061035156, 144.75);<br/>context.stroke();<br/><br/>context.lineTo(359.4599914550781, 151.95999145507812);<br/>context.stroke();<br/><br/>context.lineTo(332.42999267578125, 156.47000122070312);<br/>context.stroke();<br/><br/>context.lineTo(307.2099914550781, 166.37998962402344);<br/>context.stroke();<br/><br/>context.lineTo(289.19000244140625, 172.67999267578125);<br/>context.stroke();<br/><br/>context.lineTo(269.3699951171875, 178.989990234375);<br/>context.stroke();<br/><br/>context.lineTo(261.2599792480469, 179.88999938964844);<br/>context.stroke();<br/><br/>context.lineTo(260.3599853515625, 180.7899932861328);<br/>context.stroke();<br/><br/>context.lineTo(261.2599792480469, 179.88999938964844);<br/>context.stroke();<br/><br/>context.lineTo(290.989990234375, 157.3699951171875);<br/>context.stroke();<br/><br/>context.lineTo(329.72998046875, 128.5399932861328);<br/>context.stroke();<br/><br/>context.lineTo(343.239990234375, 116.82999420166015);<br/>context.stroke();<br/><br/>context.lineTo(345.03997802734375, 113.22000122070312);<br/>context.stroke();<br/><br/>context.lineTo(343.239990234375, 113.22000122070312);<br/>context.stroke();<br/><br/>context.lineTo(320.7200012207031, 113.22000122070312);<br/>context.stroke();<br/><br/>context.lineTo(281.97998046875, 113.22000122070312);<br/>context.stroke();<br/><br/>context.lineTo(245.0399932861328, 113.22000122070312);<br/>context.stroke();<br/><br/>context.lineTo(215.30999755859375, 109.6199951171875);<br/>context.stroke();<br/><br/>context.lineTo(209.00999450683594, 106.0199966430664);<br/>context.stroke();<br/><br/>context.lineTo(209.00999450683594, 104.20999908447265);<br/>context.stroke();<br/><br/>context.lineTo(225.22000122070312, 92.5);<br/>context.stroke();<br/><br/>context.lineTo(238.739990234375, 82.58999633789062);<br/>context.stroke();<br/><br/>context.lineTo(245.0399932861328, 78.98999786376953);<br/>context.stroke();<br/><br/>context.lineTo(245.0399932861328, 78.98999786376953);<br/>context.stroke();<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 = 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/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>