&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 = '#0A0A0A';<br/>context.save();<br/>context.translate(149.5, 411);<br/>context.scale(1, 0.8888888888888888);<br/>context.beginPath();<br/>context.arc(0, 0, 12, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#0A0A0A';<br/>context.save();<br/>context.translate(182, 404);<br/>context.scale(0.8333333333333334, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 16, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#0A0A0A';<br/>context.save();<br/>context.translate(219, 407);<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 = '#0A0A0A';<br/>context.save();<br/>context.translate(185.5, 454.5);<br/>context.scale(1, 0.4146341463414634);<br/>context.beginPath();<br/>context.arc(0, 0, 44, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<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.strokeStyle = '#0A0A0A';<br/>context.beginPath();<br/>context.moveTo(411, 135);<br/><br/>context.lineTo(411, 137);<br/>context.stroke();<br/><br/>context.lineTo(411, 139);<br/>context.stroke();<br/><br/>context.lineTo(414, 142);<br/>context.stroke();<br/><br/>context.lineTo(418, 145);<br/>context.stroke();<br/><br/>context.lineTo(427, 152);<br/>context.stroke();<br/><br/>context.lineTo(435, 158);<br/>context.stroke();<br/><br/>context.lineTo(445, 166);<br/>context.stroke();<br/><br/>context.lineTo(450, 171);<br/>context.stroke();<br/><br/>context.lineTo(455, 177);<br/>context.stroke();<br/><br/>context.lineTo(457, 179);<br/>context.stroke();<br/><br/>context.lineTo(458, 179);<br/>context.stroke();<br/><br/>context.lineTo(458, 179);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(453, 124);<br/><br/>context.lineTo(444, 131);<br/>context.stroke();<br/><br/>context.lineTo(428, 141);<br/>context.stroke();<br/><br/>context.lineTo(415, 148);<br/>context.stroke();<br/><br/>context.lineTo(406, 153);<br/>context.stroke();<br/><br/>context.lineTo(402, 155);<br/>context.stroke();<br/><br/>context.lineTo(404, 151);<br/>context.stroke();<br/><br/>context.lineTo(419, 142);<br/>context.stroke();<br/><br/>context.lineTo(426, 140);<br/>context.stroke();<br/><br/>context.lineTo(448, 135);<br/>context.stroke();<br/><br/>context.lineTo(454, 132);<br/>context.stroke();<br/><br/>context.lineTo(452, 133);<br/>context.stroke();<br/><br/>context.lineTo(440, 138);<br/>context.stroke();<br/><br/>context.lineTo(427, 142);<br/>context.stroke();<br/><br/>context.lineTo(415, 144);<br/>context.stroke();<br/><br/>context.lineTo(409, 145);<br/>context.stroke();<br/><br/>context.lineTo(409, 143);<br/>context.stroke();<br/><br/>context.lineTo(410, 137);<br/>context.stroke();<br/><br/>context.lineTo(417, 129);<br/>context.stroke();<br/><br/>context.lineTo(425, 124);<br/>context.stroke();<br/><br/>context.lineTo(432, 123);<br/>context.stroke();<br/><br/>context.lineTo(433, 123);<br/>context.stroke();<br/><br/>context.lineTo(431, 123);<br/>context.stroke();<br/><br/>context.lineTo(425, 124);<br/>context.stroke();<br/><br/>context.lineTo(407, 131);<br/>context.stroke();<br/><br/>context.lineTo(393, 137);<br/>context.stroke();<br/><br/>context.lineTo(386, 138);<br/>context.stroke();<br/><br/>context.lineTo(385, 139);<br/>context.stroke();<br/><br/>context.lineTo(391, 135);<br/>context.stroke();<br/><br/>context.lineTo(414, 123);<br/>context.stroke();<br/><br/>context.lineTo(435, 118);<br/>context.stroke();<br/><br/>context.lineTo(459, 118);<br/>context.stroke();<br/><br/>context.lineTo(460, 118);<br/>context.stroke();<br/><br/>context.lineTo(461, 118);<br/>context.stroke();<br/><br/>context.lineTo(456, 124);<br/>context.stroke();<br/><br/>context.lineTo(443, 134);<br/>context.stroke();<br/><br/>context.lineTo(427, 144);<br/>context.stroke();<br/><br/>context.lineTo(416, 152);<br/>context.stroke();<br/><br/>context.lineTo(413, 154);<br/>context.stroke();<br/><br/>context.lineTo(413, 155);<br/>context.stroke();<br/><br/>context.lineTo(414, 155);<br/>context.stroke();<br/><br/>context.lineTo(424, 155);<br/>context.stroke();<br/><br/>context.lineTo(442, 151);<br/>context.stroke();<br/><br/>context.lineTo(457, 151);<br/>context.stroke();<br/><br/>context.lineTo(465, 151);<br/>context.stroke();<br/><br/>context.lineTo(469, 153);<br/>context.stroke();<br/><br/>context.lineTo(468, 157);<br/>context.stroke();<br/><br/>context.lineTo(461, 164);<br/>context.stroke();<br/><br/>context.lineTo(445, 174);<br/>context.stroke();<br/><br/>context.lineTo(437, 178);<br/>context.stroke();<br/><br/>context.lineTo(421, 182);<br/>context.stroke();<br/><br/>context.lineTo(417, 182);<br/>context.stroke();<br/><br/>context.lineTo(417, 180);<br/>context.stroke();<br/><br/>context.lineTo(419, 173);<br/>context.stroke();<br/><br/>context.lineTo(434, 159);<br/>context.stroke();<br/><br/>context.lineTo(452, 152);<br/>context.stroke();<br/><br/>context.lineTo(480, 146);<br/>context.stroke();<br/><br/>context.lineTo(512, 142);<br/>context.stroke();<br/><br/>context.lineTo(517, 141);<br/>context.stroke();<br/><br/>context.lineTo(520, 141);<br/>context.stroke();<br/><br/>context.lineTo(513, 141);<br/>context.stroke();<br/><br/>context.lineTo(495, 151);<br/>context.stroke();<br/><br/>context.lineTo(471, 161);<br/>context.stroke();<br/><br/>context.lineTo(441, 173);<br/>context.stroke();<br/><br/>context.lineTo(409, 186);<br/>context.stroke();<br/><br/>context.lineTo(392, 191);<br/>context.stroke();<br/><br/>context.lineTo(389, 191);<br/>context.stroke();<br/><br/>context.lineTo(391, 191);<br/>context.stroke();<br/><br/>context.lineTo(400, 186);<br/>context.stroke();<br/><br/>context.lineTo(417, 177);<br/>context.stroke();<br/><br/>context.lineTo(440, 168);<br/>context.stroke();<br/><br/>context.lineTo(482, 156);<br/>context.stroke();<br/><br/>context.lineTo(505, 152);<br/>context.stroke();<br/><br/>context.lineTo(499, 152);<br/>context.stroke();<br/><br/>context.lineTo(485, 155);<br/>context.stroke();<br/><br/>context.lineTo(460, 162);<br/>context.stroke();<br/><br/>context.lineTo(418, 172);<br/>context.stroke();<br/><br/>context.lineTo(405, 172);<br/>context.stroke();<br/><br/>context.lineTo(403, 172);<br/>context.stroke();<br/><br/>context.lineTo(411, 164);<br/>context.stroke();<br/><br/>context.lineTo(434, 151);<br/>context.stroke();<br/><br/>context.lineTo(455, 146);<br/>context.stroke();<br/><br/>context.lineTo(473, 146);<br/>context.stroke();<br/><br/>context.lineTo(475, 146);<br/>context.stroke();<br/><br/>context.lineTo(475, 149);<br/>context.stroke();<br/><br/>context.lineTo(462, 162);<br/>context.stroke();<br/><br/>context.lineTo(439, 178);<br/>context.stroke();<br/><br/>context.lineTo(426, 182);<br/>context.stroke();<br/><br/>context.lineTo(424, 184);<br/>context.stroke();<br/><br/>context.lineTo(428, 182);<br/>context.stroke();<br/><br/>context.lineTo(438, 177);<br/>context.stroke();<br/><br/>context.lineTo(459, 172);<br/>context.stroke();<br/><br/>context.lineTo(475, 172);<br/>context.stroke();<br/><br/>context.lineTo(483, 172);<br/>context.stroke();<br/><br/>context.lineTo(483, 174);<br/>context.stroke();<br/><br/>context.lineTo(474, 179);<br/>context.stroke();<br/><br/>context.lineTo(466, 181);<br/>context.stroke();<br/><br/>context.lineTo(447, 181);<br/>context.stroke();<br/><br/>context.lineTo(433, 181);<br/>context.stroke();<br/><br/>context.lineTo(430, 181);<br/>context.stroke();<br/><br/>context.lineTo(430, 178);<br/>context.stroke();<br/><br/>context.lineTo(431, 176);<br/>context.stroke();<br/><br/>context.lineTo(438, 171);<br/>context.stroke();<br/><br/>context.lineTo(444, 171);<br/>context.stroke();<br/><br/>context.lineTo(448, 171);<br/>context.stroke();<br/><br/>context.lineTo(449, 176);<br/>context.stroke();<br/><br/>context.lineTo(447, 181);<br/>context.stroke();<br/><br/>context.lineTo(436, 187);<br/>context.stroke();<br/><br/>context.lineTo(430, 190);<br/>context.stroke();<br/><br/>context.lineTo(438, 186);<br/>context.stroke();<br/><br/>context.lineTo(454, 183);<br/>context.stroke();<br/><br/>context.lineTo(480, 183);<br/>context.stroke();<br/><br/>context.lineTo(487, 185);<br/>context.stroke();<br/><br/>context.lineTo(487, 189);<br/>context.stroke();<br/><br/>context.lineTo(475, 193);<br/>context.stroke();<br/><br/>context.lineTo(461, 194);<br/>context.stroke();<br/><br/>context.lineTo(459, 194);<br/>context.stroke();<br/><br/>context.lineTo(459, 193);<br/>context.stroke();<br/><br/>context.lineTo(469, 186);<br/>context.stroke();<br/><br/>context.lineTo(469, 186);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(531, 180);<br/><br/>context.lineTo(522, 181);<br/>context.stroke();<br/><br/>context.lineTo(501, 187);<br/>context.stroke();<br/><br/>context.lineTo(486, 191);<br/>context.stroke();<br/><br/>context.lineTo(470, 194);<br/>context.stroke();<br/><br/>context.lineTo(469, 194);<br/>context.stroke();<br/><br/>context.lineTo(468, 194);<br/>context.stroke();<br/><br/>context.lineTo(470, 189);<br/>context.stroke();<br/><br/>context.lineTo(475, 181);<br/>context.stroke();<br/><br/>context.lineTo(480, 174);<br/>context.stroke();<br/><br/>context.lineTo(483, 168);<br/>context.stroke();<br/><br/>context.lineTo(490, 160);<br/>context.stroke();<br/><br/>context.lineTo(491, 160);<br/>context.stroke();<br/><br/>context.lineTo(490, 161);<br/>context.stroke();<br/><br/>context.lineTo(482, 171);<br/>context.stroke();<br/><br/>context.lineTo(456, 202);<br/>context.stroke();<br/><br/>context.lineTo(432, 228);<br/>context.stroke();<br/><br/>context.lineTo(430, 231);<br/>context.stroke();<br/><br/>context.lineTo(431, 231);<br/>context.stroke();<br/><br/>context.lineTo(445, 213);<br/>context.stroke();<br/><br/>context.lineTo(462, 193);<br/>context.stroke();<br/><br/>context.lineTo(482, 175);<br/>context.stroke();<br/><br/>context.lineTo(496, 165);<br/>context.stroke();<br/><br/>context.lineTo(498, 164);<br/>context.stroke();<br/><br/>context.lineTo(495, 164);<br/>context.stroke();<br/><br/>context.lineTo(482, 182);<br/>context.stroke();<br/><br/>context.lineTo(454, 220);<br/>context.stroke();<br/><br/>context.lineTo(429, 260);<br/>context.stroke();<br/><br/>context.lineTo(423, 280);<br/>context.stroke();<br/><br/>context.lineTo(423, 282);<br/>context.stroke();<br/><br/>context.lineTo(423, 283);<br/>context.stroke();<br/><br/>context.lineTo(427, 281);<br/>context.stroke();<br/><br/>context.lineTo(439, 265);<br/>context.stroke();<br/><br/>context.lineTo(462, 225);<br/>context.stroke();<br/><br/>context.lineTo(482, 197);<br/>context.stroke();<br/><br/>context.lineTo(492, 183);<br/>context.stroke();<br/><br/>context.lineTo(494, 179);<br/>context.stroke();<br/><br/>context.lineTo(492, 179);<br/>context.stroke();<br/><br/>context.lineTo(480, 194);<br/>context.stroke();<br/><br/>context.lineTo(462, 232);<br/>context.stroke();<br/><br/>context.lineTo(439, 304);<br/>context.stroke();<br/><br/>context.lineTo(435, 340);<br/>context.stroke();<br/><br/>context.lineTo(435, 350);<br/>context.stroke();<br/><br/>context.lineTo(435, 353);<br/>context.stroke();<br/><br/>context.lineTo(435, 354);<br/>context.stroke();<br/><br/>context.lineTo(443, 336);<br/>context.stroke();<br/><br/>context.lineTo(451, 307);<br/>context.stroke();<br/><br/>context.lineTo(460, 278);<br/>context.stroke();<br/><br/>context.lineTo(465, 236);<br/>context.stroke();<br/><br/>context.lineTo(465, 198);<br/>context.stroke();<br/><br/>context.lineTo(465, 167);<br/>context.stroke();<br/><br/>context.lineTo(462, 144);<br/>context.stroke();<br/><br/>context.lineTo(458, 132);<br/>context.stroke();<br/><br/>context.lineTo(454, 125);<br/>context.stroke();<br/><br/>context.lineTo(449, 125);<br/>context.stroke();<br/><br/>context.lineTo(439, 131);<br/>context.stroke();<br/><br/>context.lineTo(419, 175);<br/>context.stroke();<br/><br/>context.lineTo(407, 243);<br/>context.stroke();<br/><br/>context.lineTo(414, 282);<br/>context.stroke();<br/><br/>context.lineTo(428, 288);<br/>context.stroke();<br/><br/>context.lineTo(444, 288);<br/>context.stroke();<br/><br/>context.lineTo(473, 265);<br/>context.stroke();<br/><br/>context.lineTo(501, 217);<br/>context.stroke();<br/><br/>context.lineTo(524, 121);<br/>context.stroke();<br/><br/>context.lineTo(520, 72);<br/>context.stroke();<br/><br/>context.lineTo(506, 58);<br/>context.stroke();<br/><br/>context.lineTo(492, 56);<br/>context.stroke();<br/><br/>context.lineTo(465, 69);<br/>context.stroke();<br/><br/>context.lineTo(420, 146);<br/>context.stroke();<br/><br/>context.lineTo(404, 192);<br/>context.stroke();<br/><br/>context.lineTo(405, 209);<br/>context.stroke();<br/><br/>context.lineTo(411, 213);<br/>context.stroke();<br/><br/>context.lineTo(423, 213);<br/>context.stroke();<br/><br/>context.lineTo(463, 194);<br/>context.stroke();<br/><br/>context.lineTo(507, 154);<br/>context.stroke();<br/><br/>context.lineTo(529, 113);<br/>context.stroke();<br/><br/>context.lineTo(531, 79);<br/>context.stroke();<br/><br/>context.lineTo(519, 51);<br/>context.stroke();<br/><br/>context.lineTo(504, 44);<br/>context.stroke();<br/><br/>context.lineTo(488, 44);<br/>context.stroke();<br/><br/>context.lineTo(459, 58);<br/>context.stroke();<br/><br/>context.lineTo(437, 96);<br/>context.stroke();<br/><br/>context.lineTo(422, 162);<br/>context.stroke();<br/><br/>context.lineTo(422, 199);<br/>context.stroke();<br/><br/>context.lineTo(430, 228);<br/>context.stroke();<br/><br/>context.lineTo(442, 242);<br/>context.stroke();<br/><br/>context.lineTo(449, 246);<br/>context.stroke();<br/><br/>context.lineTo(458, 247);<br/>context.stroke();<br/><br/>context.lineTo(466, 245);<br/>context.stroke();<br/><br/>context.lineTo(488, 225);<br/>context.stroke();<br/><br/>context.lineTo(508, 176);<br/>context.stroke();<br/><br/>context.lineTo(509, 134);<br/>context.stroke();<br/><br/>context.lineTo(493, 77);<br/>context.stroke();<br/><br/>context.lineTo(483, 63);<br/>context.stroke();<br/><br/>context.lineTo(478, 59);<br/>context.stroke();<br/><br/>context.lineTo(473, 57);<br/>context.stroke();<br/><br/>context.lineTo(466, 57);<br/>context.stroke();<br/><br/>context.lineTo(455, 62);<br/>context.stroke();<br/><br/>context.lineTo(437, 87);<br/>context.stroke();<br/><br/>context.lineTo(429, 116);<br/>context.stroke();<br/><br/>context.lineTo(422, 161);<br/>context.stroke();<br/><br/>context.lineTo(420, 212);<br/>context.stroke();<br/><br/>context.lineTo(422, 257);<br/>context.stroke();<br/><br/>context.lineTo(428, 282);<br/>context.stroke();<br/><br/>context.lineTo(433, 301);<br/>context.stroke();<br/><br/>context.lineTo(437, 309);<br/>context.stroke();<br/><br/>context.lineTo(440, 316);<br/>context.stroke();<br/><br/>context.lineTo(442, 319);<br/>context.stroke();<br/><br/>context.lineTo(443, 320);<br/>context.stroke();<br/><br/>context.lineTo(444, 321);<br/>context.stroke();<br/><br/>context.lineTo(444, 322);<br/>context.stroke();<br/><br/>context.lineTo(444, 324);<br/>context.stroke();<br/><br/>context.lineTo(445, 326);<br/>context.stroke();<br/><br/>context.lineTo(446, 327);<br/>context.stroke();<br/><br/>context.lineTo(446, 327);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>