&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.lineWidth = 4;<br/><br/>context.lineWidth = 3;<br/><br/>context.lineWidth = 2;<br/><br/>context.lineWidth = 3;<br/><br/>context.lineWidth = 4;<br/><br/>context.lineWidth = 5;<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.lineWidth = 13;<br/><br/>context.lineWidth = 12;<br/><br/>context.lineWidth = 10;<br/><br/>context.lineWidth = 9;<br/><br/>context.lineWidth = 8;<br/><br/>context.lineWidth = 7;<br/><br/>context.lineWidth = 6;<br/><br/>context.lineWidth = 5;<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.lineWidth = 13;<br/><br/>context.lineWidth = 11;<br/><br/>context.lineWidth = 10;<br/><br/>context.lineWidth = 8;<br/><br/>context.lineWidth = 6;<br/><br/>context.lineWidth = 5;<br/><br/>context.lineWidth = 4;<br/><br/>context.lineWidth = 3;<br/><br/>context.lineWidth = 2;<br/><br/>context.lineWidth = 1;<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(255, 242);<br/>context.scale(0.9651162790697675, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 239, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(272, 230.5);<br/>context.scale(0.9494949494949495, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 137, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(135.5, 63.5);<br/>context.scale(0.6363636363636364, 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(99.5, 89.5);<br/>context.scale(1, 1);<br/>context.beginPath();<br/>context.arc(0, 0, 1, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(91.5, 127);<br/>context.scale(0.05, 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(77, 186.5);<br/>context.scale(1, 0.5);<br/>context.beginPath();<br/>context.arc(0, 0, 7, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.save();<br/>context.translate(66, 225.5);<br/>context.scale(0.6666666666666666, 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(62.5, 262.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(74, 295.5);<br/>context.scale(1, 0.75);<br/>context.beginPath();<br/>context.arc(0, 0, 15, 0, 6.283185307179586, false);<br/>context.stroke();<br/>context.closePath();<br/>context.restore();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(93, 37);<br/>context.lineTo(108,   55);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(21, 93);<br/>context.lineTo(50,   120);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(86, 300);<br/><br/>context.lineTo(85, 299);<br/>context.stroke();<br/><br/>context.lineTo(83, 295);<br/>context.stroke();<br/><br/>context.lineTo(82, 294);<br/>context.stroke();<br/><br/>context.lineTo(81, 293);<br/>context.stroke();<br/><br/>context.lineTo(79, 291);<br/>context.stroke();<br/><br/>context.lineTo(77, 289);<br/>context.stroke();<br/><br/>context.lineTo(76, 288);<br/>context.stroke();<br/><br/>context.lineTo(76, 285);<br/>context.stroke();<br/><br/>context.lineTo(76, 283);<br/>context.stroke();<br/><br/>context.lineTo(75, 281);<br/>context.stroke();<br/><br/>context.lineTo(75, 279);<br/>context.stroke();<br/><br/>context.lineTo(75, 276);<br/>context.stroke();<br/><br/>context.lineTo(75, 274);<br/>context.stroke();<br/><br/>context.lineTo(75, 272);<br/>context.stroke();<br/><br/>context.lineTo(75, 272);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(74, 237);<br/><br/>context.lineTo(74, 240);<br/>context.stroke();<br/><br/>context.lineTo(74, 246);<br/>context.stroke();<br/><br/>context.lineTo(75, 251);<br/>context.stroke();<br/><br/>context.lineTo(76, 258);<br/>context.stroke();<br/><br/>context.lineTo(76, 266);<br/>context.stroke();<br/><br/>context.lineTo(78, 276);<br/>context.stroke();<br/><br/>context.lineTo(79, 282);<br/>context.stroke();<br/><br/>context.lineTo(80, 288);<br/>context.stroke();<br/><br/>context.lineTo(81, 290);<br/>context.stroke();<br/><br/>context.lineTo(81, 292);<br/>context.stroke();<br/><br/>context.lineTo(82, 294);<br/>context.stroke();<br/><br/>context.lineTo(83, 298);<br/>context.stroke();<br/><br/>context.lineTo(83, 303);<br/>context.stroke();<br/><br/>context.lineTo(84, 304);<br/>context.stroke();<br/><br/>context.lineTo(82, 301);<br/>context.stroke();<br/><br/>context.lineTo(77, 289);<br/>context.stroke();<br/><br/>context.lineTo(72, 280);<br/>context.stroke();<br/><br/>context.lineTo(71, 278);<br/>context.stroke();<br/><br/>context.lineTo(71, 276);<br/>context.stroke();<br/><br/>context.lineTo(70, 276);<br/>context.stroke();<br/><br/>context.lineTo(70, 285);<br/>context.stroke();<br/><br/>context.lineTo(77, 325);<br/>context.stroke();<br/><br/>context.lineTo(79, 336);<br/>context.stroke();<br/><br/>context.lineTo(79, 350);<br/>context.stroke();<br/><br/>context.lineTo(79, 352);<br/>context.stroke();<br/><br/>context.lineTo(79, 349);<br/>context.stroke();<br/><br/>context.lineTo(79, 340);<br/>context.stroke();<br/><br/>context.lineTo(79, 317);<br/>context.stroke();<br/><br/>context.lineTo(79, 300);<br/>context.stroke();<br/><br/>context.lineTo(79, 290);<br/>context.stroke();<br/><br/>context.lineTo(79, 287);<br/>context.stroke();<br/><br/>context.lineTo(79, 290);<br/>context.stroke();<br/><br/>context.lineTo(80, 303);<br/>context.stroke();<br/><br/>context.lineTo(81, 305);<br/>context.stroke();<br/><br/>context.lineTo(81, 306);<br/>context.stroke();<br/><br/>context.lineTo(81, 301);<br/>context.stroke();<br/><br/>context.lineTo(79, 293);<br/>context.stroke();<br/><br/>context.lineTo(79, 318);<br/>context.stroke();<br/><br/>context.lineTo(79, 335);<br/>context.stroke();<br/><br/>context.lineTo(79, 342);<br/>context.stroke();<br/><br/>context.lineTo(79, 335);<br/>context.stroke();<br/><br/>context.lineTo(79, 300);<br/>context.stroke();<br/><br/>context.lineTo(79, 271);<br/>context.stroke();<br/><br/>context.lineTo(79, 265);<br/>context.stroke();<br/><br/>context.lineTo(81, 270);<br/>context.stroke();<br/><br/>context.lineTo(82, 281);<br/>context.stroke();<br/><br/>context.lineTo(86, 295);<br/>context.stroke();<br/><br/>context.lineTo(88, 298);<br/>context.stroke();<br/><br/>context.lineTo(89, 300);<br/>context.stroke();<br/><br/>context.lineTo(90, 301);<br/>context.stroke();<br/><br/>context.lineTo(90, 300);<br/>context.stroke();<br/><br/>context.lineTo(89, 292);<br/>context.stroke();<br/><br/>context.lineTo(88, 288);<br/>context.stroke();<br/><br/>context.lineTo(90, 292);<br/>context.stroke();<br/><br/>context.lineTo(97, 309);<br/>context.stroke();<br/><br/>context.lineTo(98, 312);<br/>context.stroke();<br/><br/>context.lineTo(98, 308);<br/>context.stroke();<br/><br/>context.lineTo(96, 285);<br/>context.stroke();<br/><br/>context.lineTo(93, 262);<br/>context.stroke();<br/><br/>context.lineTo(93, 270);<br/>context.stroke();<br/><br/>context.lineTo(99, 294);<br/>context.stroke();<br/><br/>context.lineTo(101, 309);<br/>context.stroke();<br/><br/>context.lineTo(101, 310);<br/>context.stroke();<br/><br/>context.lineTo(100, 302);<br/>context.stroke();<br/><br/>context.lineTo(91, 274);<br/>context.stroke();<br/><br/>context.lineTo(81, 252);<br/>context.stroke();<br/><br/>context.lineTo(80, 250);<br/>context.stroke();<br/><br/>context.lineTo(80, 254);<br/>context.stroke();<br/><br/>context.lineTo(80, 264);<br/>context.stroke();<br/><br/>context.lineTo(80, 287);<br/>context.stroke();<br/><br/>context.lineTo(81, 313);<br/>context.stroke();<br/><br/>context.lineTo(85, 327);<br/>context.stroke();<br/><br/>context.lineTo(88, 337);<br/>context.stroke();<br/><br/>context.lineTo(88, 333);<br/>context.stroke();<br/><br/>context.lineTo(88, 297);<br/>context.stroke();<br/><br/>context.lineTo(88, 247);<br/>context.stroke();<br/><br/>context.lineTo(86, 231);<br/>context.stroke();<br/><br/>context.lineTo(79, 217);<br/>context.stroke();<br/><br/>context.lineTo(78, 215);<br/>context.stroke();<br/><br/>context.lineTo(78, 222);<br/>context.stroke();<br/><br/>context.lineTo(81, 240);<br/>context.stroke();<br/><br/>context.lineTo(88, 270);<br/>context.stroke();<br/><br/>context.lineTo(91, 294);<br/>context.stroke();<br/><br/>context.lineTo(93, 300);<br/>context.stroke();<br/><br/>context.lineTo(90, 300);<br/>context.stroke();<br/><br/>context.lineTo(84, 286);<br/>context.stroke();<br/><br/>context.lineTo(75, 269);<br/>context.stroke();<br/><br/>context.lineTo(70, 258);<br/>context.stroke();<br/><br/>context.lineTo(70, 264);<br/>context.stroke();<br/><br/>context.lineTo(74, 283);<br/>context.stroke();<br/><br/>context.lineTo(76, 296);<br/>context.stroke();<br/><br/>context.lineTo(76, 303);<br/>context.stroke();<br/><br/>context.lineTo(76, 304);<br/>context.stroke();<br/><br/>context.lineTo(74, 302);<br/>context.stroke();<br/><br/>context.lineTo(70, 295);<br/>context.stroke();<br/><br/>context.lineTo(68, 293);<br/>context.stroke();<br/><br/>context.lineTo(68, 300);<br/>context.stroke();<br/><br/>context.lineTo(68, 307);<br/>context.stroke();<br/><br/>context.lineTo(68, 316);<br/>context.stroke();<br/><br/>context.lineTo(68, 319);<br/>context.stroke();<br/><br/>context.lineTo(67, 318);<br/>context.stroke();<br/><br/>context.lineTo(66, 303);<br/>context.stroke();<br/><br/>context.lineTo(65, 294);<br/>context.stroke();<br/><br/>context.lineTo(62, 286);<br/>context.stroke();<br/><br/>context.lineTo(57, 265);<br/>context.stroke();<br/><br/>context.lineTo(54, 258);<br/>context.stroke();<br/><br/>context.lineTo(54, 257);<br/>context.stroke();<br/><br/>context.lineTo(54, 260);<br/>context.stroke();<br/><br/>context.lineTo(56, 265);<br/>context.stroke();<br/><br/>context.lineTo(60, 282);<br/>context.stroke();<br/><br/>context.lineTo(66, 295);<br/>context.stroke();<br/><br/>context.lineTo(68, 303);<br/>context.stroke();<br/><br/>context.lineTo(68, 304);<br/>context.stroke();<br/><br/>context.lineTo(62, 297);<br/>context.stroke();<br/><br/>context.lineTo(55, 285);<br/>context.stroke();<br/><br/>context.lineTo(52, 278);<br/>context.stroke();<br/><br/>context.lineTo(49, 272);<br/>context.stroke();<br/><br/>context.lineTo(50, 272);<br/>context.stroke();<br/><br/>context.lineTo(56, 292);<br/>context.stroke();<br/><br/>context.lineTo(62, 314);<br/>context.stroke();<br/><br/>context.lineTo(66, 320);<br/>context.stroke();<br/><br/>context.lineTo(67, 321);<br/>context.stroke();<br/><br/>context.lineTo(67, 322);<br/>context.stroke();<br/><br/>context.lineTo(67, 319);<br/>context.stroke();<br/><br/>context.lineTo(67, 311);<br/>context.stroke();<br/><br/>context.lineTo(67, 303);<br/>context.stroke();<br/><br/>context.lineTo(67, 286);<br/>context.stroke();<br/><br/>context.lineTo(67, 267);<br/>context.stroke();<br/><br/>context.lineTo(67, 264);<br/>context.stroke();<br/><br/>context.lineTo(69, 270);<br/>context.stroke();<br/><br/>context.lineTo(71, 280);<br/>context.stroke();<br/><br/>context.lineTo(73, 292);<br/>context.stroke();<br/><br/>context.lineTo(76, 307);<br/>context.stroke();<br/><br/>context.lineTo(78, 315);<br/>context.stroke();<br/><br/>context.lineTo(79, 316);<br/>context.stroke();<br/><br/>context.lineTo(78, 312);<br/>context.stroke();<br/><br/>context.lineTo(72, 294);<br/>context.stroke();<br/><br/>context.lineTo(64, 264);<br/>context.stroke();<br/><br/>context.lineTo(58, 248);<br/>context.stroke();<br/><br/>context.lineTo(57, 246);<br/>context.stroke();<br/><br/>context.lineTo(57, 247);<br/>context.stroke();<br/><br/>context.lineTo(59, 253);<br/>context.stroke();<br/><br/>context.lineTo(64, 260);<br/>context.stroke();<br/><br/>context.lineTo(68, 281);<br/>context.stroke();<br/><br/>context.lineTo(76, 289);<br/>context.stroke();<br/><br/>context.lineTo(79, 294);<br/>context.stroke();<br/><br/>context.lineTo(80, 295);<br/>context.stroke();<br/><br/>context.lineTo(80, 282);<br/>context.stroke();<br/><br/>context.lineTo(78, 274);<br/>context.stroke();<br/><br/>context.lineTo(77, 256);<br/>context.stroke();<br/><br/>context.lineTo(74, 234);<br/>context.stroke();<br/><br/>context.lineTo(71, 224);<br/>context.stroke();<br/><br/>context.lineTo(70, 222);<br/>context.stroke();<br/><br/>context.lineTo(70, 241);<br/>context.stroke();<br/><br/>context.lineTo(72, 263);<br/>context.stroke();<br/><br/>context.lineTo(72, 268);<br/>context.stroke();<br/><br/>context.lineTo(74, 269);<br/>context.stroke();<br/><br/>context.lineTo(74, 270);<br/>context.stroke();<br/><br/>context.lineTo(71, 260);<br/>context.stroke();<br/><br/>context.lineTo(67, 249);<br/>context.stroke();<br/><br/>context.lineTo(63, 233);<br/>context.stroke();<br/><br/>context.lineTo(60, 229);<br/>context.stroke();<br/><br/>context.lineTo(60, 235);<br/>context.stroke();<br/><br/>context.lineTo(61, 241);<br/>context.stroke();<br/><br/>context.lineTo(66, 255);<br/>context.stroke();<br/><br/>context.lineTo(67, 259);<br/>context.stroke();<br/><br/>context.lineTo(69, 264);<br/>context.stroke();<br/><br/>context.lineTo(69, 265);<br/>context.stroke();<br/><br/>context.lineTo(69, 262);<br/>context.stroke();<br/><br/>context.lineTo(69, 252);<br/>context.stroke();<br/><br/>context.lineTo(69, 241);<br/>context.stroke();<br/><br/>context.lineTo(69, 239);<br/>context.stroke();<br/><br/>context.lineTo(69, 245);<br/>context.stroke();<br/><br/>context.lineTo(69, 255);<br/>context.stroke();<br/><br/>context.lineTo(72, 271);<br/>context.stroke();<br/><br/>context.lineTo(73, 276);<br/>context.stroke();<br/><br/>context.lineTo(73, 278);<br/>context.stroke();<br/><br/>context.lineTo(74, 278);<br/>context.stroke();<br/><br/>context.lineTo(74, 274);<br/>context.stroke();<br/><br/>context.lineTo(70, 258);<br/>context.stroke();<br/><br/>context.lineTo(69, 257);<br/>context.stroke();<br/><br/>context.lineTo(69, 262);<br/>context.stroke();<br/><br/>context.lineTo(69, 272);<br/>context.stroke();<br/><br/>context.lineTo(70, 283);<br/>context.stroke();<br/><br/>context.lineTo(72, 288);<br/>context.stroke();<br/><br/>context.lineTo(72, 289);<br/>context.stroke();<br/><br/>context.lineTo(72, 287);<br/>context.stroke();<br/><br/>context.lineTo(72, 284);<br/>context.stroke();<br/><br/>context.lineTo(72, 276);<br/>context.stroke();<br/><br/>context.lineTo(70, 273);<br/>context.stroke();<br/><br/>context.lineTo(70, 272);<br/>context.stroke();<br/><br/>context.lineTo(68, 280);<br/>context.stroke();<br/><br/>context.lineTo(68, 325);<br/>context.stroke();<br/><br/>context.lineTo(68, 353);<br/>context.stroke();<br/><br/>context.lineTo(68, 356);<br/>context.stroke();<br/><br/>context.lineTo(68, 357);<br/>context.stroke();<br/><br/>context.lineTo(68, 353);<br/>context.stroke();<br/><br/>context.lineTo(68, 345);<br/>context.stroke();<br/><br/>context.lineTo(68, 335);<br/>context.stroke();<br/><br/>context.lineTo(68, 330);<br/>context.stroke();<br/><br/>context.lineTo(68, 328);<br/>context.stroke();<br/><br/>context.lineTo(68, 327);<br/>context.stroke();<br/><br/>context.lineTo(68, 326);<br/>context.stroke();<br/><br/>context.lineTo(68, 325);<br/>context.stroke();<br/><br/>context.lineTo(70, 315);<br/>context.stroke();<br/><br/>context.lineTo(71, 309);<br/>context.stroke();<br/><br/>context.lineTo(72, 301);<br/>context.stroke();<br/><br/>context.lineTo(74, 296);<br/>context.stroke();<br/><br/>context.lineTo(74, 292);<br/>context.stroke();<br/><br/>context.lineTo(74, 290);<br/>context.stroke();<br/><br/>context.lineTo(74, 284);<br/>context.stroke();<br/><br/>context.lineTo(73, 279);<br/>context.stroke();<br/><br/>context.lineTo(72, 275);<br/>context.stroke();<br/><br/>context.lineTo(72, 274);<br/>context.stroke();<br/><br/>context.lineTo(72, 273);<br/>context.stroke();<br/><br/>context.lineTo(73, 274);<br/>context.stroke();<br/><br/>context.lineTo(77, 289);<br/>context.stroke();<br/><br/>context.lineTo(83, 309);<br/>context.stroke();<br/><br/>context.lineTo(86, 331);<br/>context.stroke();<br/><br/>context.lineTo(91, 344);<br/>context.stroke();<br/><br/>context.lineTo(92, 350);<br/>context.stroke();<br/><br/>context.lineTo(93, 352);<br/>context.stroke();<br/><br/>context.lineTo(93, 348);<br/>context.stroke();<br/><br/>context.lineTo(93, 335);<br/>context.stroke();<br/><br/>context.lineTo(91, 320);<br/>context.stroke();<br/><br/>context.lineTo(88, 298);<br/>context.stroke();<br/><br/>context.lineTo(87, 286);<br/>context.stroke();<br/><br/>context.lineTo(85, 281);<br/>context.stroke();<br/><br/>context.lineTo(85, 281);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>