&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(103.47999572753906, 106.5199966430664);<br/><br/>context.lineTo(105.22000122070312, 106.5199966430664);<br/>context.stroke();<br/><br/>context.lineTo(107.82999420166015, 106.5199966430664);<br/>context.stroke();<br/><br/>context.lineTo(120, 106.5199966430664);<br/>context.stroke();<br/><br/>context.lineTo(153.91000366210937, 112.61000061035156);<br/>context.stroke();<br/><br/>context.lineTo(170.42999267578125, 116.95999908447265);<br/>context.stroke();<br/><br/>context.lineTo(185.22000122070312, 121.29999542236328);<br/>context.stroke();<br/><br/>context.lineTo(194.77999877929687, 123.04000091552734);<br/>context.stroke();<br/><br/>context.lineTo(199.12998962402344, 124.77999877929687);<br/>context.stroke();<br/><br/>context.lineTo(200.8699951171875, 125.64999389648437);<br/>context.stroke();<br/><br/>context.lineTo(202.61000061035156, 125.64999389648437);<br/>context.stroke();<br/><br/>context.lineTo(202.61000061035156, 130);<br/>context.stroke();<br/><br/>context.lineTo(202.61000061035156, 140.42999267578125);<br/>context.stroke();<br/><br/>context.lineTo(202.61000061035156, 152.61000061035156);<br/>context.stroke();<br/><br/>context.lineTo(201.739990234375, 172.61000061035156);<br/>context.stroke();<br/><br/>context.lineTo(200.8699951171875, 188.25999450683594);<br/>context.stroke();<br/><br/>context.lineTo(200, 198.6999969482422);<br/>context.stroke();<br/><br/>context.lineTo(198.25999450683594, 205.64999389648437);<br/>context.stroke();<br/><br/>context.lineTo(196.51998901367187, 205.64999389648437);<br/>context.stroke();<br/><br/>context.lineTo(180.8699951171875, 206.51998901367187);<br/>context.stroke();<br/><br/>context.lineTo(102.61000061035156, 198.6999969482422);<br/>context.stroke();<br/><br/>context.lineTo(67.83000183105469, 190.8699951171875);<br/>context.stroke();<br/><br/>context.lineTo(54.779998779296875, 187.38999938964844);<br/>context.stroke();<br/><br/>context.lineTo(53.90999984741211, 186.51998901367187);<br/>context.stroke();<br/><br/>context.lineTo(54.779998779296875, 182.1699981689453);<br/>context.stroke();<br/><br/>context.lineTo(59.12999725341797, 173.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(63.47999954223633, 164.77999877929687);<br/>context.stroke();<br/><br/>context.lineTo(67.83000183105469, 152.61000061035156);<br/>context.stroke();<br/><br/>context.lineTo(70.43000030517578, 143.0399932861328);<br/>context.stroke();<br/><br/>context.lineTo(71.29999542236328, 133.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(72.16999816894531, 126.5199966430664);<br/>context.stroke();<br/><br/>context.lineTo(72.16999816894531, 123.90999603271484);<br/>context.stroke();<br/><br/>context.lineTo(72.16999816894531, 122.16999816894531);<br/>context.stroke();<br/><br/>context.lineTo(72.16999816894531, 121.29999542236328);<br/>context.stroke();<br/><br/>context.lineTo(80, 116.95999908447265);<br/>context.stroke();<br/><br/>context.lineTo(95.6500015258789, 114.3499984741211);<br/>context.stroke();<br/><br/>context.lineTo(170.42999267578125, 108.25999450683594);<br/>context.stroke();<br/><br/>context.lineTo(172.1699981689453, 108.25999450683594);<br/>context.stroke();<br/><br/>context.lineTo(173.0399932861328, 108.25999450683594);<br/>context.stroke();<br/><br/>context.lineTo(173.91000366210937, 109.12999725341797);<br/>context.stroke();<br/><br/>context.lineTo(173.91000366210937, 110.8699951171875);<br/>context.stroke();<br/><br/>context.lineTo(173.91000366210937, 112.61000061035156);<br/>context.stroke();<br/><br/>context.lineTo(174.77999877929687, 112.61000061035156);<br/>context.stroke();<br/><br/>context.lineTo(178.25999450683594, 112.61000061035156);<br/>context.stroke();<br/><br/>context.lineTo(180.8699951171875, 112.61000061035156);<br/>context.stroke();<br/><br/>context.lineTo(182.61000061035156, 112.61000061035156);<br/>context.stroke();<br/><br/>context.lineTo(186.08999633789062, 113.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(188.6999969482422, 120.43000030517578);<br/>context.stroke();<br/><br/>context.lineTo(197.38999938964844, 140.42999267578125);<br/>context.stroke();<br/><br/>context.lineTo(206.95999145507812, 157.8300018310547);<br/>context.stroke();<br/><br/>context.lineTo(213.0399932861328, 170);<br/>context.stroke();<br/><br/>context.lineTo(213.0399932861328, 172.61000061035156);<br/>context.stroke();<br/><br/>context.lineTo(214.77999877929687, 175.22000122070312);<br/>context.stroke();<br/><br/>context.lineTo(216.51998901367187, 178.6999969482422);<br/>context.stroke();<br/><br/>context.lineTo(219.12998962402344, 185.64999389648437);<br/>context.stroke();<br/><br/>context.lineTo(226.08999633789062, 195.22000122070312);<br/>context.stroke();<br/><br/>context.lineTo(227.8300018310547, 196.08999633789062);<br/>context.stroke();<br/><br/>context.lineTo(227.8300018310547, 196.95999145507812);<br/>context.stroke();<br/><br/>context.lineTo(186.95999145507812, 184.77999877929687);<br/>context.stroke();<br/><br/>context.lineTo(136.52000427246094, 163.0399932861328);<br/>context.stroke();<br/><br/>context.lineTo(122.61000061035156, 154.34999084472656);<br/>context.stroke();<br/><br/>context.lineTo(113.90999603271484, 149.12998962402344);<br/>context.stroke();<br/><br/>context.lineTo(97.38999938964844, 139.5699920654297);<br/>context.stroke();<br/><br/>context.lineTo(84.3499984741211, 136.95999145507812);<br/>context.stroke();<br/><br/>context.lineTo(75.6500015258789, 134.34999084472656);<br/>context.stroke();<br/><br/>context.lineTo(73.04000091552734, 134.34999084472656);<br/>context.stroke();<br/><br/>context.lineTo(71.29999542236328, 133.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(63.47999954223633, 119.56999969482422);<br/>context.stroke();<br/><br/>context.lineTo(60.869998931884766, 108.25999450683594);<br/>context.stroke();<br/><br/>context.lineTo(59.12999725341797, 95.22000122070312);<br/>context.stroke();<br/><br/>context.lineTo(59.12999725341797, 94.3499984741211);<br/>context.stroke();<br/><br/>context.lineTo(72.16999816894531, 102.16999816894531);<br/>context.stroke();<br/><br/>context.lineTo(113.04000091552734, 117.82999420166015);<br/>context.stroke();<br/><br/>context.lineTo(183.47999572753906, 134.34999084472656);<br/>context.stroke();<br/><br/>context.lineTo(193.0399932861328, 139.5699920654297);<br/>context.stroke();<br/><br/>context.lineTo(194.77999877929687, 141.3000030517578);<br/>context.stroke();<br/><br/>context.lineTo(203.47999572753906, 153.47999572753906);<br/>context.stroke();<br/><br/>context.lineTo(215.64999389648437, 162.1699981689453);<br/>context.stroke();<br/><br/>context.lineTo(219.12998962402344, 163.91000366210937);<br/>context.stroke();<br/><br/>context.lineTo(220, 164.77999877929687);<br/>context.stroke();<br/><br/>context.lineTo(203.47999572753906, 174.34999084472656);<br/>context.stroke();<br/><br/>context.lineTo(185.22000122070312, 178.6999969482422);<br/>context.stroke();<br/><br/>context.lineTo(185.22000122070312, 178.6999969482422);<br/>context.stroke();<br/><br/>context.lineWidth = 6;<br/><br/>context.lineWidth = 7;<br/><br/>context.lineWidth = 9;<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 = 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 = 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/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>