&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(210, 212);<br/>context.scale(1, 0.75);<br/>context.beginPath();<br/>context.arc(0, 0, 150, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(85, 142);<br/><br/>context.lineTo(84, 142);<br/>context.stroke();<br/><br/>context.lineTo(84, 143);<br/>context.stroke();<br/><br/>context.lineTo(84, 143);<br/>context.stroke();<br/><br/>context.lineTo(84, 144);<br/>context.stroke();<br/><br/>context.lineTo(84, 146);<br/>context.stroke();<br/><br/>context.lineTo(84, 146);<br/>context.stroke();<br/><br/>context.lineTo(84, 148);<br/>context.stroke();<br/><br/>context.lineTo(84, 154);<br/>context.stroke();<br/><br/>context.lineTo(82, 161);<br/>context.stroke();<br/><br/>context.lineTo(81, 168);<br/>context.stroke();<br/><br/>context.lineTo(81, 169);<br/>context.stroke();<br/><br/>context.lineTo(80, 173);<br/>context.stroke();<br/><br/>context.lineTo(80, 174);<br/>context.stroke();<br/><br/>context.lineTo(80, 175);<br/>context.stroke();<br/><br/>context.lineTo(80, 175);<br/>context.stroke();<br/><br/>context.lineTo(80, 176);<br/>context.stroke();<br/><br/>context.lineTo(80, 177);<br/>context.stroke();<br/><br/>context.lineTo(80, 178);<br/>context.stroke();<br/><br/>context.lineTo(79, 178);<br/>context.stroke();<br/><br/>context.lineTo(79, 179);<br/>context.stroke();<br/><br/>context.lineTo(79, 179);<br/>context.stroke();<br/><br/>context.lineTo(79, 179);<br/>context.stroke();<br/><br/>context.lineTo(79, 180);<br/>context.stroke();<br/><br/>context.lineTo(78, 181);<br/>context.stroke();<br/><br/>context.lineTo(77, 182);<br/>context.stroke();<br/><br/>context.lineTo(77, 183);<br/>context.stroke();<br/><br/>context.lineTo(76, 183);<br/>context.stroke();<br/><br/>context.lineTo(76, 184);<br/>context.stroke();<br/><br/>context.lineTo(76, 185);<br/>context.stroke();<br/><br/>context.lineTo(76, 185);<br/>context.stroke();<br/><br/>context.lineTo(76, 186);<br/>context.stroke();<br/><br/>context.lineTo(76, 186);<br/>context.stroke();<br/><br/>context.lineTo(75, 187);<br/>context.stroke();<br/><br/>context.lineTo(75, 188);<br/>context.stroke();<br/><br/>context.lineTo(75, 189);<br/>context.stroke();<br/><br/>context.lineTo(75, 190);<br/>context.stroke();<br/><br/>context.lineTo(75, 190);<br/>context.stroke();<br/><br/>context.lineTo(75, 190);<br/>context.stroke();<br/><br/>context.lineTo(75, 187);<br/>context.stroke();<br/><br/>context.lineTo(75, 185);<br/>context.stroke();<br/><br/>context.lineTo(75, 184);<br/>context.stroke();<br/><br/>context.lineTo(75, 182);<br/>context.stroke();<br/><br/>context.lineTo(75, 179);<br/>context.stroke();<br/><br/>context.lineTo(74, 174);<br/>context.stroke();<br/><br/>context.lineTo(74, 167);<br/>context.stroke();<br/><br/>context.lineTo(73, 162);<br/>context.stroke();<br/><br/>context.lineTo(73, 158);<br/>context.stroke();<br/><br/>context.lineTo(73, 156);<br/>context.stroke();<br/><br/>context.lineTo(73, 154);<br/>context.stroke();<br/><br/>context.lineTo(73, 154);<br/>context.stroke();<br/><br/>context.lineTo(73, 155);<br/>context.stroke();<br/><br/>context.lineTo(73, 155);<br/>context.stroke();<br/><br/>context.lineTo(73, 156);<br/>context.stroke();<br/><br/>context.lineTo(72, 158);<br/>context.stroke();<br/><br/>context.lineTo(71, 161);<br/>context.stroke();<br/><br/>context.lineTo(70, 162);<br/>context.stroke();<br/><br/>context.lineTo(70, 163);<br/>context.stroke();<br/><br/>context.lineTo(69, 163);<br/>context.stroke();<br/><br/>context.lineTo(69, 163);<br/>context.stroke();<br/><br/>context.lineTo(69, 163);<br/>context.stroke();<br/><br/>context.lineTo(72, 162);<br/>context.stroke();<br/><br/>context.lineTo(80, 162);<br/>context.stroke();<br/><br/>context.lineTo(87, 162);<br/>context.stroke();<br/><br/>context.lineTo(93, 164);<br/>context.stroke();<br/><br/>context.lineTo(96, 165);<br/>context.stroke();<br/><br/>context.lineTo(97, 165);<br/>context.stroke();<br/><br/>context.lineTo(98, 165);<br/>context.stroke();<br/><br/>context.lineTo(98, 163);<br/>context.stroke();<br/><br/>context.lineTo(98, 157);<br/>context.stroke();<br/><br/>context.lineTo(95, 150);<br/>context.stroke();<br/><br/>context.lineTo(92, 142);<br/>context.stroke();<br/><br/>context.lineTo(89, 137);<br/>context.stroke();<br/><br/>context.lineTo(85, 133);<br/>context.stroke();<br/><br/>context.lineTo(82, 130);<br/>context.stroke();<br/><br/>context.lineTo(80, 129);<br/>context.stroke();<br/><br/>context.lineTo(77, 129);<br/>context.stroke();<br/><br/>context.lineTo(73, 129);<br/>context.stroke();<br/><br/>context.lineTo(68, 131);<br/>context.stroke();<br/><br/>context.lineTo(64, 133);<br/>context.stroke();<br/><br/>context.lineTo(61, 134);<br/>context.stroke();<br/><br/>context.lineTo(60, 135);<br/>context.stroke();<br/><br/>context.lineTo(60, 135);<br/>context.stroke();<br/><br/>context.lineTo(60, 137);<br/>context.stroke();<br/><br/>context.lineTo(60, 141);<br/>context.stroke();<br/><br/>context.lineTo(61, 145);<br/>context.stroke();<br/><br/>context.lineTo(64, 153);<br/>context.stroke();<br/><br/>context.lineTo(66, 159);<br/>context.stroke();<br/><br/>context.lineTo(69, 166);<br/>context.stroke();<br/><br/>context.lineTo(75, 177);<br/>context.stroke();<br/><br/>context.lineTo(86, 190);<br/>context.stroke();<br/><br/>context.lineTo(97, 201);<br/>context.stroke();<br/><br/>context.lineTo(109, 215);<br/>context.stroke();<br/><br/>context.lineTo(115, 222);<br/>context.stroke();<br/><br/>context.lineTo(120, 227);<br/>context.stroke();<br/><br/>context.lineTo(122, 229);<br/>context.stroke();<br/><br/>context.lineTo(123, 230);<br/>context.stroke();<br/><br/>context.lineTo(124, 229);<br/>context.stroke();<br/><br/>context.lineTo(124, 229);<br/>context.stroke();<br/><br/>context.lineTo(123, 229);<br/>context.stroke();<br/><br/>context.lineTo(123, 229);<br/>context.stroke();<br/><br/>context.lineTo(123, 229);<br/>context.stroke();<br/><br/>context.lineTo(122, 229);<br/>context.stroke();<br/><br/>context.lineTo(118, 232);<br/>context.stroke();<br/><br/>context.lineTo(114, 236);<br/>context.stroke();<br/><br/>context.lineTo(106, 246);<br/>context.stroke();<br/><br/>context.lineTo(93, 263);<br/>context.stroke();<br/><br/>context.lineTo(76, 287);<br/>context.stroke();<br/><br/>context.lineTo(67, 302);<br/>context.stroke();<br/><br/>context.lineTo(62, 311);<br/>context.stroke();<br/><br/>context.lineTo(56, 320);<br/>context.stroke();<br/><br/>context.lineTo(54, 325);<br/>context.stroke();<br/><br/>context.lineTo(53, 330);<br/>context.stroke();<br/><br/>context.lineTo(53, 336);<br/>context.stroke();<br/><br/>context.lineTo(55, 340);<br/>context.stroke();<br/><br/>context.lineTo(63, 347);<br/>context.stroke();<br/><br/>context.lineTo(71, 351);<br/>context.stroke();<br/><br/>context.lineTo(79, 355);<br/>context.stroke();<br/><br/>context.lineTo(82, 356);<br/>context.stroke();<br/><br/>context.lineTo(84, 356);<br/>context.stroke();<br/><br/>context.lineTo(85, 352);<br/>context.stroke();<br/><br/>context.lineTo(85, 342);<br/>context.stroke();<br/><br/>context.lineTo(85, 326);<br/>context.stroke();<br/><br/>context.lineTo(85, 303);<br/>context.stroke();<br/><br/>context.lineTo(85, 296);<br/>context.stroke();<br/><br/>context.lineTo(87, 275);<br/>context.stroke();<br/><br/>context.lineTo(90, 264);<br/>context.stroke();<br/><br/>context.lineTo(94, 253);<br/>context.stroke();<br/><br/>context.lineTo(96, 242);<br/>context.stroke();<br/><br/>context.lineTo(97, 236);<br/>context.stroke();<br/><br/>context.lineTo(97, 230);<br/>context.stroke();<br/><br/>context.lineTo(92, 225);<br/>context.stroke();<br/><br/>context.lineTo(86, 221);<br/>context.stroke();<br/><br/>context.lineTo(82, 220);<br/>context.stroke();<br/><br/>context.lineTo(79, 220);<br/>context.stroke();<br/><br/>context.lineTo(75, 220);<br/>context.stroke();<br/><br/>context.lineTo(74, 220);<br/>context.stroke();<br/><br/>context.lineTo(74, 225);<br/>context.stroke();<br/><br/>context.lineTo(75, 235);<br/>context.stroke();<br/><br/>context.lineTo(88, 252);<br/>context.stroke();<br/><br/>context.lineTo(109, 274);<br/>context.stroke();<br/><br/>context.lineTo(124, 288);<br/>context.stroke();<br/><br/>context.lineTo(141, 308);<br/>context.stroke();<br/><br/>context.lineTo(156, 323);<br/>context.stroke();<br/><br/>context.lineTo(168, 334);<br/>context.stroke();<br/><br/>context.lineTo(178, 343);<br/>context.stroke();<br/><br/>context.lineTo(184, 348);<br/>context.stroke();<br/><br/>context.lineTo(188, 351);<br/>context.stroke();<br/><br/>context.lineTo(190, 353);<br/>context.stroke();<br/><br/>context.lineTo(191, 353);<br/>context.stroke();<br/><br/>context.lineTo(191, 352);<br/>context.stroke();<br/><br/>context.lineTo(185, 341);<br/>context.stroke();<br/><br/>context.lineTo(173, 325);<br/>context.stroke();<br/><br/>context.lineTo(164, 313);<br/>context.stroke();<br/><br/>context.lineTo(156, 303);<br/>context.stroke();<br/><br/>context.lineTo(150, 295);<br/>context.stroke();<br/><br/>context.lineTo(148, 292);<br/>context.stroke();<br/><br/>context.lineTo(146, 290);<br/>context.stroke();<br/><br/>context.lineTo(146, 291);<br/>context.stroke();<br/><br/>context.lineTo(150, 294);<br/>context.stroke();<br/><br/>context.lineTo(161, 303);<br/>context.stroke();<br/><br/>context.lineTo(172, 312);<br/>context.stroke();<br/><br/>context.lineTo(185, 323);<br/>context.stroke();<br/><br/>context.lineTo(195, 331);<br/>context.stroke();<br/><br/>context.lineTo(200, 335);<br/>context.stroke();<br/><br/>context.lineTo(204, 338);<br/>context.stroke();<br/><br/>context.lineTo(206, 339);<br/>context.stroke();<br/><br/>context.lineTo(206, 340);<br/>context.stroke();<br/><br/>context.lineTo(206, 340);<br/>context.stroke();<br/><br/>context.lineTo(204, 339);<br/>context.stroke();<br/><br/>context.lineTo(195, 330);<br/>context.stroke();<br/><br/>context.lineTo(184, 320);<br/>context.stroke();<br/><br/>context.lineTo(171, 307);<br/>context.stroke();<br/><br/>context.lineTo(166, 301);<br/>context.stroke();<br/><br/>context.lineTo(161, 296);<br/>context.stroke();<br/><br/>context.lineTo(159, 295);<br/>context.stroke();<br/><br/>context.lineTo(159, 294);<br/>context.stroke();<br/><br/>context.lineTo(159, 294);<br/>context.stroke();<br/><br/>context.lineTo(159, 293);<br/>context.stroke();<br/><br/>context.lineTo(159, 292);<br/>context.stroke();<br/><br/>context.lineTo(159, 292);<br/>context.stroke();<br/><br/>context.lineTo(159, 291);<br/>context.stroke();<br/><br/>context.lineTo(159, 290);<br/>context.stroke();<br/><br/>context.lineTo(162, 290);<br/>context.stroke();<br/><br/>context.lineTo(173, 296);<br/>context.stroke();<br/><br/>context.lineTo(190, 311);<br/>context.stroke();<br/><br/>context.lineTo(211, 331);<br/>context.stroke();<br/><br/>context.lineTo(222, 342);<br/>context.stroke();<br/><br/>context.lineTo(229, 351);<br/>context.stroke();<br/><br/>context.lineTo(234, 358);<br/>context.stroke();<br/><br/>context.lineTo(236, 361);<br/>context.stroke();<br/><br/>context.lineTo(236, 363);<br/>context.stroke();<br/><br/>context.lineTo(231, 363);<br/>context.stroke();<br/><br/>context.lineTo(217, 355);<br/>context.stroke();<br/><br/>context.lineTo(182, 337);<br/>context.stroke();<br/><br/>context.lineTo(156, 323);<br/>context.stroke();<br/><br/>context.lineTo(121, 306);<br/>context.stroke();<br/><br/>context.lineTo(85, 288);<br/>context.stroke();<br/><br/>context.lineTo(65, 280);<br/>context.stroke();<br/><br/>context.lineTo(56, 275);<br/>context.stroke();<br/><br/>context.lineTo(48, 271);<br/>context.stroke();<br/><br/>context.lineTo(42, 268);<br/>context.stroke();<br/><br/>context.lineTo(39, 267);<br/>context.stroke();<br/><br/>context.lineTo(37, 265);<br/>context.stroke();<br/><br/>context.lineTo(35, 264);<br/>context.stroke();<br/><br/>context.lineTo(34, 264);<br/>context.stroke();<br/><br/>context.lineTo(34, 263);<br/>context.stroke();<br/><br/>context.lineTo(34, 263);<br/>context.stroke();<br/><br/>context.lineTo(34, 262);<br/>context.stroke();<br/><br/>context.lineTo(40, 262);<br/>context.stroke();<br/><br/>context.lineTo(63, 262);<br/>context.stroke();<br/><br/>context.lineTo(101, 271);<br/>context.stroke();<br/><br/>context.lineTo(131, 285);<br/>context.stroke();<br/><br/>context.lineTo(164, 304);<br/>context.stroke();<br/><br/>context.lineTo(178, 314);<br/>context.stroke();<br/><br/>context.lineTo(187, 320);<br/>context.stroke();<br/><br/>context.lineTo(193, 325);<br/>context.stroke();<br/><br/>context.lineTo(194, 327);<br/>context.stroke();<br/><br/>context.lineTo(195, 327);<br/>context.stroke();<br/><br/>context.lineTo(190, 327);<br/>context.stroke();<br/><br/>context.lineTo(177, 321);<br/>context.stroke();<br/><br/>context.lineTo(158, 309);<br/>context.stroke();<br/><br/>context.lineTo(133, 295);<br/>context.stroke();<br/><br/>context.lineTo(117, 284);<br/>context.stroke();<br/><br/>context.lineTo(99, 272);<br/>context.stroke();<br/><br/>context.lineTo(90, 267);<br/>context.stroke();<br/><br/>context.lineTo(82, 262);<br/>context.stroke();<br/><br/>context.lineTo(78, 260);<br/>context.stroke();<br/><br/>context.lineTo(77, 259);<br/>context.stroke();<br/><br/>context.lineTo(77, 259);<br/>context.stroke();<br/><br/>context.lineTo(77, 257);<br/>context.stroke();<br/><br/>context.lineTo(77, 254);<br/>context.stroke();<br/><br/>context.lineTo(77, 249);<br/>context.stroke();<br/><br/>context.lineTo(77, 241);<br/>context.stroke();<br/><br/>context.lineTo(78, 234);<br/>context.stroke();<br/><br/>context.lineTo(79, 229);<br/>context.stroke();<br/><br/>context.lineTo(81, 223);<br/>context.stroke();<br/><br/>context.lineTo(83, 216);<br/>context.stroke();<br/><br/>context.lineTo(84, 212);<br/>context.stroke();<br/><br/>context.lineTo(85, 208);<br/>context.stroke();<br/><br/>context.lineTo(86, 204);<br/>context.stroke();<br/><br/>context.lineTo(87, 201);<br/>context.stroke();<br/><br/>context.lineTo(88, 199);<br/>context.stroke();<br/><br/>context.lineTo(88, 197);<br/>context.stroke();<br/><br/>context.lineTo(88, 197);<br/>context.stroke();<br/><br/>context.lineTo(88, 196);<br/>context.stroke();<br/><br/>context.lineTo(88, 196);<br/>context.stroke();<br/><br/>context.lineTo(87, 195);<br/>context.stroke();<br/><br/>context.lineTo(86, 193);<br/>context.stroke();<br/><br/>context.lineTo(85, 192);<br/>context.stroke();<br/><br/>context.lineTo(81, 191);<br/>context.stroke();<br/><br/>context.lineTo(76, 191);<br/>context.stroke();<br/><br/>context.lineTo(70, 194);<br/>context.stroke();<br/><br/>context.lineTo(64, 198);<br/>context.stroke();<br/><br/>context.lineTo(58, 203);<br/>context.stroke();<br/><br/>context.lineTo(51, 209);<br/>context.stroke();<br/><br/>context.lineTo(44, 216);<br/>context.stroke();<br/><br/>context.lineTo(39, 223);<br/>context.stroke();<br/><br/>context.lineTo(35, 231);<br/>context.stroke();<br/><br/>context.lineTo(32, 243);<br/>context.stroke();<br/><br/>context.lineTo(32, 256);<br/>context.stroke();<br/><br/>context.lineTo(43, 270);<br/>context.stroke();<br/><br/>context.lineTo(53, 281);<br/>context.stroke();<br/><br/>context.lineTo(60, 288);<br/>context.stroke();<br/><br/>context.lineTo(65, 294);<br/>context.stroke();<br/><br/>context.lineTo(68, 296);<br/>context.stroke();<br/><br/>context.lineTo(69, 297);<br/>context.stroke();<br/><br/>context.lineTo(69, 297);<br/>context.stroke();<br/><br/>context.lineTo(69, 292);<br/>context.stroke();<br/><br/>context.lineTo(66, 277);<br/>context.stroke();<br/><br/>context.lineTo(62, 255);<br/>context.stroke();<br/><br/>context.lineTo(60, 236);<br/>context.stroke();<br/><br/>context.lineTo(58, 216);<br/>context.stroke();<br/><br/>context.lineTo(58, 201);<br/>context.stroke();<br/><br/>context.lineTo(58, 194);<br/>context.stroke();<br/><br/>context.lineTo(58, 188);<br/>context.stroke();<br/><br/>context.lineTo(58, 184);<br/>context.stroke();<br/><br/>context.lineTo(58, 182);<br/>context.stroke();<br/><br/>context.lineTo(58, 180);<br/>context.stroke();<br/><br/>context.lineTo(59, 177);<br/>context.stroke();<br/><br/>context.lineTo(61, 175);<br/>context.stroke();<br/><br/>context.lineTo(66, 172);<br/>context.stroke();<br/><br/>context.lineTo(77, 169);<br/>context.stroke();<br/><br/>context.lineTo(93, 169);<br/>context.stroke();<br/><br/>context.lineTo(114, 176);<br/>context.stroke();<br/><br/>context.lineTo(134, 188);<br/>context.stroke();<br/><br/>context.lineTo(162, 217);<br/>context.stroke();<br/><br/>context.lineTo(186, 251);<br/>context.stroke();<br/><br/>context.lineTo(203, 284);<br/>context.stroke();<br/><br/>context.lineTo(229, 341);<br/>context.stroke();<br/><br/>context.lineTo(240, 367);<br/>context.stroke();<br/><br/>context.lineTo(255, 398);<br/>context.stroke();<br/><br/>context.lineTo(264, 413);<br/>context.stroke();<br/><br/>context.lineTo(270, 423);<br/>context.stroke();<br/><br/>context.lineTo(275, 430);<br/>context.stroke();<br/><br/>context.lineTo(278, 433);<br/>context.stroke();<br/><br/>context.lineTo(279, 434);<br/>context.stroke();<br/><br/>context.lineTo(279, 434);<br/>context.stroke();<br/><br/>context.lineTo(279, 434);<br/>context.stroke();<br/><br/>context.lineTo(279, 433);<br/>context.stroke();<br/><br/>context.lineTo(279, 433);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>