&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 = '#2921FF';<br/>context.beginPath();<br/>context.moveTo(-384, -132);<br/><br/>context.lineTo(-383, -132);<br/>context.stroke();<br/><br/>context.lineTo(-380, -132);<br/>context.stroke();<br/><br/>context.lineTo(-375, -132);<br/>context.stroke();<br/><br/>context.lineTo(-371, -133);<br/>context.stroke();<br/><br/>context.lineTo(-362, -134);<br/>context.stroke();<br/><br/>context.lineTo(-358, -134);<br/>context.stroke();<br/><br/>context.lineTo(-348, -136);<br/>context.stroke();<br/><br/>context.lineTo(-342, -137);<br/>context.stroke();<br/><br/>context.lineTo(-334, -139);<br/>context.stroke();<br/><br/>context.lineTo(-331, -140);<br/>context.stroke();<br/><br/>context.lineTo(-326, -140);<br/>context.stroke();<br/><br/>context.lineTo(-324, -141);<br/>context.stroke();<br/><br/>context.lineTo(-324, -141);<br/>context.stroke();<br/><br/>context.lineTo(-323, -141);<br/>context.stroke();<br/><br/>context.lineTo(-322, -141);<br/>context.stroke();<br/><br/>context.lineTo(-320, -141);<br/>context.stroke();<br/><br/>context.lineTo(-319, -141);<br/>context.stroke();<br/><br/>context.lineTo(-318, -142);<br/>context.stroke();<br/><br/>context.lineTo(-317, -142);<br/>context.stroke();<br/><br/>context.lineTo(-316, -142);<br/>context.stroke();<br/><br/>context.lineTo(-316, -141);<br/>context.stroke();<br/><br/>context.lineTo(-316, -140);<br/>context.stroke();<br/><br/>context.lineTo(-315, -139);<br/>context.stroke();<br/><br/>context.lineTo(-315, -138);<br/>context.stroke();<br/><br/>context.lineTo(-315, -137);<br/>context.stroke();<br/><br/>context.lineTo(-315, -136);<br/>context.stroke();<br/><br/>context.lineTo(-315, -136);<br/>context.stroke();<br/><br/>context.lineTo(-315, -135);<br/>context.stroke();<br/><br/>context.lineTo(-315, -134);<br/>context.stroke();<br/><br/>context.lineTo(-315, -133);<br/>context.stroke();<br/><br/>context.lineTo(-315, -132);<br/>context.stroke();<br/><br/>context.lineTo(-315, -131);<br/>context.stroke();<br/><br/>context.lineTo(-315, -130);<br/>context.stroke();<br/><br/>context.lineTo(-315, -129);<br/>context.stroke();<br/><br/>context.lineTo(-315, -129);<br/>context.stroke();<br/><br/>context.lineTo(-316, -128);<br/>context.stroke();<br/><br/>context.lineTo(-319, -128);<br/>context.stroke();<br/><br/>context.lineTo(-322, -128);<br/>context.stroke();<br/><br/>context.lineTo(-325, -128);<br/>context.stroke();<br/><br/>context.lineTo(-333, -129);<br/>context.stroke();<br/><br/>context.lineTo(-342, -131);<br/>context.stroke();<br/><br/>context.lineTo(-350, -132);<br/>context.stroke();<br/><br/>context.lineTo(-356, -135);<br/>context.stroke();<br/><br/>context.lineTo(-359, -136);<br/>context.stroke();<br/><br/>context.lineTo(-361, -139);<br/>context.stroke();<br/><br/>context.lineTo(-365, -142);<br/>context.stroke();<br/><br/>context.lineTo(-366, -144);<br/>context.stroke();<br/><br/>context.lineTo(-368, -147);<br/>context.stroke();<br/><br/>context.lineTo(-370, -152);<br/>context.stroke();<br/><br/>context.lineTo(-371, -157);<br/>context.stroke();<br/><br/>context.lineTo(-371, -162);<br/>context.stroke();<br/><br/>context.lineTo(-370, -165);<br/>context.stroke();<br/><br/>context.lineTo(-368, -169);<br/>context.stroke();<br/><br/>context.lineTo(-364, -171);<br/>context.stroke();<br/><br/>context.lineTo(-355, -171);<br/>context.stroke();<br/><br/>context.lineTo(-341, -172);<br/>context.stroke();<br/><br/>context.lineTo(-329, -170);<br/>context.stroke();<br/><br/>context.lineTo(-319, -167);<br/>context.stroke();<br/><br/>context.lineTo(-315, -163);<br/>context.stroke();<br/><br/>context.lineTo(-310, -154);<br/>context.stroke();<br/><br/>context.lineTo(-310, -151);<br/>context.stroke();<br/><br/>context.lineTo(-310, -147);<br/>context.stroke();<br/><br/>context.lineTo(-310, -140);<br/>context.stroke();<br/><br/>context.lineTo(-313, -137);<br/>context.stroke();<br/><br/>context.lineTo(-319, -132);<br/>context.stroke();<br/><br/>context.lineTo(-327, -131);<br/>context.stroke();<br/><br/>context.lineTo(-338, -130);<br/>context.stroke();<br/><br/>context.lineTo(-350, -134);<br/>context.stroke();<br/><br/>context.lineTo(-353, -138);<br/>context.stroke();<br/><br/>context.lineTo(-354, -145);<br/>context.stroke();<br/><br/>context.lineTo(-354, -155);<br/>context.stroke();<br/><br/>context.lineTo(-351, -160);<br/>context.stroke();<br/><br/>context.lineTo(-341, -168);<br/>context.stroke();<br/><br/>context.lineTo(-334, -171);<br/>context.stroke();<br/><br/>context.lineTo(-326, -172);<br/>context.stroke();<br/><br/>context.lineTo(-321, -172);<br/>context.stroke();<br/><br/>context.lineTo(-318, -170);<br/>context.stroke();<br/><br/>context.lineTo(-316, -169);<br/>context.stroke();<br/><br/>context.lineTo(-316, -169);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>