&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.save();<br/>context.translate(277.5, 215);<br/>context.scale(0.9431818181818182, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 121, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(220, 250);<br/>context.scale(1, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 20, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(327, 191);<br/>context.scale(0.8888888888888888, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 24, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(310.5, 151);<br/>context.scale(0.625, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 9, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(329.5, 144.5);<br/>context.scale(0.5555555555555556, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 10, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(346.5, 154);<br/>context.scale(0.625, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 9, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(360, 174.5);<br/>context.scale(0.4444444444444444, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 10, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(212.5, 212);<br/>context.scale(0.5, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 11, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(234, 214);<br/>context.scale(0.4, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 11, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(247, 228);<br/>context.scale(0.4, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 11, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(256.5, 251);<br/>context.scale(0.4166666666666667, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 13, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(310, 137);<br/><br/>context.lineTo(310, 137);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(310, 140);<br/><br/>context.lineTo(310, 139);<br/>context.stroke();<br/><br/>context.lineTo(310, 138);<br/>context.stroke();<br/><br/>context.lineTo(310, 138);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(329, 128);<br/><br/>context.lineTo(328, 128);<br/>context.stroke();<br/><br/>context.lineTo(328, 129);<br/>context.stroke();<br/><br/>context.lineTo(329, 130);<br/>context.stroke();<br/><br/>context.lineTo(330, 131);<br/>context.stroke();<br/><br/>context.lineTo(330, 132);<br/>context.stroke();<br/><br/>context.lineTo(330, 132);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(348, 139);<br/><br/>context.lineTo(347, 139);<br/>context.stroke();<br/><br/>context.lineTo(347, 140);<br/>context.stroke();<br/><br/>context.lineTo(347, 141);<br/>context.stroke();<br/><br/>context.lineTo(347, 142);<br/>context.stroke();<br/><br/>context.lineTo(348, 143);<br/>context.stroke();<br/><br/>context.lineTo(348, 144);<br/>context.stroke();<br/><br/>context.lineTo(348, 144);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(361, 160);<br/><br/>context.lineTo(361, 161);<br/>context.stroke();<br/><br/>context.lineTo(361, 163);<br/>context.stroke();<br/><br/>context.lineTo(360, 164);<br/>context.stroke();<br/><br/>context.lineTo(360, 164);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(257, 229);<br/><br/>context.lineTo(258, 230);<br/>context.stroke();<br/><br/>context.lineTo(259, 231);<br/>context.stroke();<br/><br/>context.lineTo(259, 233);<br/>context.stroke();<br/><br/>context.lineTo(259, 234);<br/>context.stroke();<br/><br/>context.lineTo(259, 235);<br/>context.stroke();<br/><br/>context.lineTo(259, 235);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(247, 209);<br/><br/>context.lineTo(247, 211);<br/>context.stroke();<br/><br/>context.lineTo(247, 212);<br/>context.stroke();<br/><br/>context.lineTo(247, 213);<br/>context.stroke();<br/><br/>context.lineTo(247, 215);<br/>context.stroke();<br/><br/>context.lineTo(247, 216);<br/>context.stroke();<br/><br/>context.lineTo(248, 217);<br/>context.stroke();<br/><br/>context.lineTo(248, 218);<br/>context.stroke();<br/><br/>context.lineTo(248, 218);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(232, 195);<br/><br/>context.lineTo(233, 196);<br/>context.stroke();<br/><br/>context.lineTo(234, 197);<br/>context.stroke();<br/><br/>context.lineTo(234, 198);<br/>context.stroke();<br/><br/>context.lineTo(234, 199);<br/>context.stroke();<br/><br/>context.lineTo(234, 200);<br/>context.stroke();<br/><br/>context.lineTo(234, 202);<br/>context.stroke();<br/><br/>context.lineTo(234, 203);<br/>context.stroke();<br/><br/>context.lineTo(234, 204);<br/>context.stroke();<br/><br/>context.lineTo(235, 204);<br/>context.stroke();<br/><br/>context.lineTo(235, 205);<br/>context.stroke();<br/><br/>context.lineTo(235, 205);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(213, 194);<br/><br/>context.lineTo(213, 196);<br/>context.stroke();<br/><br/>context.lineTo(213, 197);<br/>context.stroke();<br/><br/>context.lineTo(213, 198);<br/>context.stroke();<br/><br/>context.lineTo(213, 199);<br/>context.stroke();<br/><br/>context.lineTo(213, 200);<br/>context.stroke();<br/><br/>context.lineTo(213, 200);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(309, 134);<br/><br/>context.lineTo(308, 134);<br/>context.stroke();<br/><br/>context.lineTo(308, 135);<br/>context.stroke();<br/><br/>context.lineTo(308, 136);<br/>context.stroke();<br/><br/>context.lineTo(308, 137);<br/>context.stroke();<br/><br/>context.lineTo(308, 138);<br/>context.stroke();<br/><br/>context.lineTo(308, 140);<br/>context.stroke();<br/><br/>context.lineTo(308, 140);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(327, 123);<br/><br/>context.lineTo(327, 124);<br/>context.stroke();<br/><br/>context.lineTo(327, 125);<br/>context.stroke();<br/><br/>context.lineTo(328, 126);<br/>context.stroke();<br/><br/>context.lineTo(328, 128);<br/>context.stroke();<br/><br/>context.lineTo(329, 128);<br/>context.stroke();<br/><br/>context.lineTo(329, 129);<br/>context.stroke();<br/><br/>context.lineTo(329, 130);<br/>context.stroke();<br/><br/>context.lineTo(329, 130);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(328, 130);<br/><br/>context.lineTo(328, 130);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(328, 130);<br/><br/>context.lineTo(329, 131);<br/>context.stroke();<br/><br/>context.lineTo(329, 132);<br/>context.stroke();<br/><br/>context.lineTo(329, 133);<br/>context.stroke();<br/><br/>context.lineTo(329, 133);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(327, 57);<br/><br/>context.lineTo(327, 57);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>