&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(43.5, 214);<br/>context.scale(0.9, 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.save();<br/>context.translate(177, 183);<br/>context.scale(1, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 14, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(337.5, 202.5);<br/>context.scale(1, 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.save();<br/>context.translate(483.5, 138.5);<br/>context.scale(1, 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.save();<br/>context.translate(574.5, 70.5);<br/>context.scale(1, 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(0, 233);<br/>context.lineTo(34,   219);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(57, 210);<br/>context.lineTo(162,   187);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(192, 181);<br/>context.lineTo(324,   199);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(352, 200);<br/>context.lineTo(472,   145);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(497, 131);<br/>context.lineTo(566,   79);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(196, 184);<br/><br/>context.lineTo(196, 184);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(203, 183);<br/><br/>context.lineTo(204, 183);<br/>context.stroke();<br/><br/>context.lineTo(205, 183);<br/>context.stroke();<br/><br/>context.lineTo(207, 183);<br/>context.stroke();<br/><br/>context.lineTo(208, 185);<br/>context.stroke();<br/><br/>context.lineTo(210, 187);<br/>context.stroke();<br/><br/>context.lineTo(211, 188);<br/>context.stroke();<br/><br/>context.lineTo(213, 190);<br/>context.stroke();<br/><br/>context.lineTo(213, 192);<br/>context.stroke();<br/><br/>context.lineTo(212, 190);<br/>context.stroke();<br/><br/>context.lineTo(211, 190);<br/>context.stroke();<br/><br/>context.lineTo(211, 189);<br/>context.stroke();<br/><br/>context.lineTo(210, 187);<br/>context.stroke();<br/><br/>context.lineTo(209, 186);<br/>context.stroke();<br/><br/>context.lineTo(209, 185);<br/>context.stroke();<br/><br/>context.lineTo(208, 185);<br/>context.stroke();<br/><br/>context.lineTo(208, 184);<br/>context.stroke();<br/><br/>context.lineTo(207, 183);<br/>context.stroke();<br/><br/>context.lineTo(206, 182);<br/>context.stroke();<br/><br/>context.lineTo(205, 181);<br/>context.stroke();<br/><br/>context.lineTo(204, 181);<br/>context.stroke();<br/><br/>context.lineTo(204, 180);<br/>context.stroke();<br/><br/>context.lineTo(203, 180);<br/>context.stroke();<br/><br/>context.lineTo(201, 180);<br/>context.stroke();<br/><br/>context.lineTo(200, 180);<br/>context.stroke();<br/><br/>context.lineTo(199, 180);<br/>context.stroke();<br/><br/>context.lineTo(198, 181);<br/>context.stroke();<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(61, 264);<br/>context.scale(1, 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(168, 292);<br/>context.scale(1, 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(301, 236);<br/>context.scale(1, 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(450, 255);<br/>context.scale(1, 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(384, 192);<br/>context.scale(1, 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(546, 162);<br/>context.scale(1, 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.beginPath();<br/>context.moveTo(49, 267);<br/>context.lineTo(0,   290);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(73, 265);<br/>context.lineTo(158,   290);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(180, 290);<br/>context.lineTo(292,   241);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(312, 231);<br/>context.lineTo(376,   198);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(394, 197);<br/>context.lineTo(441,   247);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(461, 247);<br/>context.lineTo(459,   249);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(460, 249);<br/>context.lineTo(540,   170);<br/>context.stroke();<br/>context.closePath();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>