&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.strokeRect(186, 313, 209, 175);<br/><br/>context.lineWidth = 6;<br/><br/>context.lineWidth = 5;<br/><br/>context.lineWidth = 4;<br/><br/>context.strokeStyle = '#F3FF4F';<br/>context.strokeRect(332, 332, 0, 0);<br/><br/>context.strokeStyle = '#F3FF4F';<br/>context.strokeRect(284, 332, 48, 46);<br/><br/>context.strokeStyle = '#F3FF4F';<br/>context.strokeRect(284, 378, 0, 0);<br/><br/>context.strokeStyle = '#F3FF4F';<br/>context.strokeRect(286, 375, 20, 38);<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(265, 333);<br/><br/>context.lineTo(267, 333);<br/>context.stroke();<br/><br/>context.lineTo(273, 333);<br/>context.stroke();<br/><br/>context.lineTo(280, 333);<br/>context.stroke();<br/><br/>context.lineTo(288, 333);<br/>context.stroke();<br/><br/>context.lineTo(294, 333);<br/>context.stroke();<br/><br/>context.lineTo(317, 336);<br/>context.stroke();<br/><br/>context.lineTo(329, 336);<br/>context.stroke();<br/><br/>context.lineTo(331, 336);<br/>context.stroke();<br/><br/>context.lineTo(332, 336);<br/>context.stroke();<br/><br/>context.lineTo(333, 336);<br/>context.stroke();<br/><br/>context.lineTo(337, 336);<br/>context.stroke();<br/><br/>context.lineTo(341, 336);<br/>context.stroke();<br/><br/>context.lineTo(346, 336);<br/>context.stroke();<br/><br/>context.lineTo(350, 337);<br/>context.stroke();<br/><br/>context.lineTo(350, 338);<br/>context.stroke();<br/><br/>context.lineTo(349, 339);<br/>context.stroke();<br/><br/>context.lineTo(348, 340);<br/>context.stroke();<br/><br/>context.lineTo(346, 341);<br/>context.stroke();<br/><br/>context.lineTo(344, 343);<br/>context.stroke();<br/><br/>context.lineTo(343, 345);<br/>context.stroke();<br/><br/>context.lineTo(341, 346);<br/>context.stroke();<br/><br/>context.lineTo(340, 347);<br/>context.stroke();<br/><br/>context.lineTo(338, 348);<br/>context.stroke();<br/><br/>context.lineTo(336, 351);<br/>context.stroke();<br/><br/>context.lineTo(335, 353);<br/>context.stroke();<br/><br/>context.lineTo(334, 354);<br/>context.stroke();<br/><br/>context.lineTo(332, 356);<br/>context.stroke();<br/><br/>context.lineTo(331, 357);<br/>context.stroke();<br/><br/>context.lineTo(328, 360);<br/>context.stroke();<br/><br/>context.lineTo(325, 362);<br/>context.stroke();<br/><br/>context.lineTo(324, 364);<br/>context.stroke();<br/><br/>context.lineTo(320, 368);<br/>context.stroke();<br/><br/>context.lineTo(318, 372);<br/>context.stroke();<br/><br/>context.lineTo(315, 375);<br/>context.stroke();<br/><br/>context.lineTo(313, 379);<br/>context.stroke();<br/><br/>context.lineTo(310, 383);<br/>context.stroke();<br/><br/>context.lineTo(306, 386);<br/>context.stroke();<br/><br/>context.lineTo(305, 387);<br/>context.stroke();<br/><br/>context.lineTo(304, 389);<br/>context.stroke();<br/><br/>context.lineTo(303, 391);<br/>context.stroke();<br/><br/>context.lineTo(302, 392);<br/>context.stroke();<br/><br/>context.lineTo(301, 393);<br/>context.stroke();<br/><br/>context.lineTo(299, 394);<br/>context.stroke();<br/><br/>context.lineTo(298, 395);<br/>context.stroke();<br/><br/>context.lineTo(296, 397);<br/>context.stroke();<br/><br/>context.lineTo(293, 399);<br/>context.stroke();<br/><br/>context.lineTo(291, 401);<br/>context.stroke();<br/><br/>context.lineTo(288, 405);<br/>context.stroke();<br/><br/>context.lineTo(287, 407);<br/>context.stroke();<br/><br/>context.lineTo(286, 408);<br/>context.stroke();<br/><br/>context.lineTo(285, 408);<br/>context.stroke();<br/><br/>context.lineTo(283, 408);<br/>context.stroke();<br/><br/>context.lineTo(282, 407);<br/>context.stroke();<br/><br/>context.lineTo(281, 402);<br/>context.stroke();<br/><br/>context.lineTo(281, 396);<br/>context.stroke();<br/><br/>context.lineTo(281, 392);<br/>context.stroke();<br/><br/>context.lineTo(282, 387);<br/>context.stroke();<br/><br/>context.lineTo(283, 384);<br/>context.stroke();<br/><br/>context.lineTo(286, 379);<br/>context.stroke();<br/><br/>context.lineTo(288, 376);<br/>context.stroke();<br/><br/>context.lineTo(289, 372);<br/>context.stroke();<br/><br/>context.lineTo(290, 369);<br/>context.stroke();<br/><br/>context.lineTo(291, 366);<br/>context.stroke();<br/><br/>context.lineTo(294, 360);<br/>context.stroke();<br/><br/>context.lineTo(297, 360);<br/>context.stroke();<br/><br/>context.lineTo(297, 362);<br/>context.stroke();<br/><br/>context.lineTo(295, 367);<br/>context.stroke();<br/><br/>context.lineTo(293, 373);<br/>context.stroke();<br/><br/>context.lineTo(292, 378);<br/>context.stroke();<br/><br/>context.lineTo(291, 381);<br/>context.stroke();<br/><br/>context.lineTo(290, 383);<br/>context.stroke();<br/><br/>context.lineTo(290, 384);<br/>context.stroke();<br/><br/>context.lineTo(289, 384);<br/>context.stroke();<br/><br/>context.lineTo(289, 381);<br/>context.stroke();<br/><br/>context.lineTo(292, 377);<br/>context.stroke();<br/><br/>context.lineTo(294, 374);<br/>context.stroke();<br/><br/>context.lineTo(297, 373);<br/>context.stroke();<br/><br/>context.lineTo(300, 372);<br/>context.stroke();<br/><br/>context.lineTo(302, 372);<br/>context.stroke();<br/><br/>context.lineTo(303, 372);<br/>context.stroke();<br/><br/>context.lineTo(304, 372);<br/>context.stroke();<br/><br/>context.lineTo(304, 375);<br/>context.stroke();<br/><br/>context.lineTo(304, 382);<br/>context.stroke();<br/><br/>context.lineTo(304, 389);<br/>context.stroke();<br/><br/>context.lineTo(304, 391);<br/>context.stroke();<br/><br/>context.lineTo(304, 393);<br/>context.stroke();<br/><br/>context.lineTo(303, 394);<br/>context.stroke();<br/><br/>context.lineTo(301, 394);<br/>context.stroke();<br/><br/>context.lineTo(301, 392);<br/>context.stroke();<br/><br/>context.lineTo(301, 386);<br/>context.stroke();<br/><br/>context.lineTo(301, 378);<br/>context.stroke();<br/><br/>context.lineTo(301, 369);<br/>context.stroke();<br/><br/>context.lineTo(301, 362);<br/>context.stroke();<br/><br/>context.lineTo(301, 356);<br/>context.stroke();<br/><br/>context.lineTo(301, 352);<br/>context.stroke();<br/><br/>context.lineTo(300, 351);<br/>context.stroke();<br/><br/>context.lineTo(299, 349);<br/>context.stroke();<br/><br/>context.lineTo(297, 349);<br/>context.stroke();<br/><br/>context.lineTo(295, 347);<br/>context.stroke();<br/><br/>context.lineTo(295, 344);<br/>context.stroke();<br/><br/>context.lineTo(295, 340);<br/>context.stroke();<br/><br/>context.lineTo(295, 336);<br/>context.stroke();<br/><br/>context.lineTo(295, 334);<br/>context.stroke();<br/><br/>context.lineTo(295, 333);<br/>context.stroke();<br/><br/>context.lineTo(293, 332);<br/>context.stroke();<br/><br/>context.lineTo(290, 331);<br/>context.stroke();<br/><br/>context.lineTo(282, 332);<br/>context.stroke();<br/><br/>context.lineTo(277, 334);<br/>context.stroke();<br/><br/>context.lineTo(272, 337);<br/>context.stroke();<br/><br/>context.lineTo(271, 338);<br/>context.stroke();<br/><br/>context.lineTo(272, 335);<br/>context.stroke();<br/><br/>context.lineTo(274, 331);<br/>context.stroke();<br/><br/>context.lineTo(278, 323);<br/>context.stroke();<br/><br/>context.lineTo(279, 321);<br/>context.stroke();<br/><br/>context.lineTo(282, 318);<br/>context.stroke();<br/><br/>context.lineTo(283, 316);<br/>context.stroke();<br/><br/>context.lineTo(284, 314);<br/>context.stroke();<br/><br/>context.lineTo(286, 314);<br/>context.stroke();<br/><br/>context.lineTo(290, 314);<br/>context.stroke();<br/><br/>context.lineTo(298, 316);<br/>context.stroke();<br/><br/>context.lineTo(305, 319);<br/>context.stroke();<br/><br/>context.lineTo(313, 322);<br/>context.stroke();<br/><br/>context.lineTo(322, 326);<br/>context.stroke();<br/><br/>context.lineTo(323, 327);<br/>context.stroke();<br/><br/>context.lineTo(323, 326);<br/>context.stroke();<br/><br/>context.lineTo(320, 325);<br/>context.stroke();<br/><br/>context.lineTo(315, 324);<br/>context.stroke();<br/><br/>context.lineTo(310, 322);<br/>context.stroke();<br/><br/>context.lineTo(307, 321);<br/>context.stroke();<br/><br/>context.lineTo(310, 321);<br/>context.stroke();<br/><br/>context.lineTo(311, 321);<br/>context.stroke();<br/><br/>context.lineTo(308, 319);<br/>context.stroke();<br/><br/>context.lineTo(303, 317);<br/>context.stroke();<br/><br/>context.lineTo(291, 314);<br/>context.stroke();<br/><br/>context.lineTo(270, 312);<br/>context.stroke();<br/><br/>context.lineTo(269, 312);<br/>context.stroke();<br/><br/>context.lineTo(274, 314);<br/>context.stroke();<br/><br/>context.lineTo(278, 315);<br/>context.stroke();<br/><br/>context.lineTo(287, 316);<br/>context.stroke();<br/><br/>context.lineTo(292, 317);<br/>context.stroke();<br/><br/>context.lineTo(294, 317);<br/>context.stroke();<br/><br/>context.lineTo(293, 317);<br/>context.stroke();<br/><br/>context.lineTo(287, 317);<br/>context.stroke();<br/><br/>context.lineTo(283, 317);<br/>context.stroke();<br/><br/>context.lineTo(283, 318);<br/>context.stroke();<br/><br/>context.lineTo(287, 321);<br/>context.stroke();<br/><br/>context.lineTo(292, 324);<br/>context.stroke();<br/><br/>context.lineTo(293, 325);<br/>context.stroke();<br/><br/>context.lineTo(291, 325);<br/>context.stroke();<br/><br/>context.lineTo(288, 325);<br/>context.stroke();<br/><br/>context.lineTo(287, 325);<br/>context.stroke();<br/><br/>context.lineTo(291, 327);<br/>context.stroke();<br/><br/>context.lineTo(296, 331);<br/>context.stroke();<br/><br/>context.lineTo(309, 336);<br/>context.stroke();<br/><br/>context.lineTo(327, 341);<br/>context.stroke();<br/><br/>context.lineTo(319, 341);<br/>context.stroke();<br/><br/>context.lineTo(300, 339);<br/>context.stroke();<br/><br/>context.lineTo(281, 337);<br/>context.stroke();<br/><br/>context.lineTo(279, 337);<br/>context.stroke();<br/><br/>context.lineTo(282, 338);<br/>context.stroke();<br/><br/>context.lineTo(315, 348);<br/>context.stroke();<br/><br/>context.lineTo(407, 373);<br/>context.stroke();<br/><br/>context.lineTo(457, 384);<br/>context.stroke();<br/><br/>context.lineTo(450, 382);<br/>context.stroke();<br/><br/>context.lineTo(417, 372);<br/>context.stroke();<br/><br/>context.lineTo(281, 342);<br/>context.stroke();<br/><br/>context.lineTo(204, 330);<br/>context.stroke();<br/><br/>context.lineTo(181, 326);<br/>context.stroke();<br/><br/>context.lineTo(173, 325);<br/>context.stroke();<br/><br/>context.lineTo(171, 325);<br/>context.stroke();<br/><br/>context.lineTo(183, 326);<br/>context.stroke();<br/><br/>context.lineTo(202, 327);<br/>context.stroke();<br/><br/>context.lineTo(218, 327);<br/>context.stroke();<br/><br/>context.lineTo(220, 323);<br/>context.stroke();<br/><br/>context.lineTo(220, 322);<br/>context.stroke();<br/><br/>context.lineTo(217, 323);<br/>context.stroke();<br/><br/>context.lineTo(212, 326);<br/>context.stroke();<br/><br/>context.lineTo(201, 333);<br/>context.stroke();<br/><br/>context.lineTo(188, 341);<br/>context.stroke();<br/><br/>context.lineTo(184, 345);<br/>context.stroke();<br/><br/>context.lineTo(184, 355);<br/>context.stroke();<br/><br/>context.lineTo(192, 357);<br/>context.stroke();<br/><br/>context.lineTo(206, 360);<br/>context.stroke();<br/><br/>context.lineTo(225, 360);<br/>context.stroke();<br/><br/>context.lineTo(248, 355);<br/>context.stroke();<br/><br/>context.lineTo(249, 354);<br/>context.stroke();<br/><br/>context.lineTo(249, 356);<br/>context.stroke();<br/><br/>context.lineTo(249, 362);<br/>context.stroke();<br/><br/>context.lineTo(248, 372);<br/>context.stroke();<br/><br/>context.lineTo(246, 394);<br/>context.stroke();<br/><br/>context.lineTo(247, 394);<br/>context.stroke();<br/><br/>context.lineTo(257, 385);<br/>context.stroke();<br/><br/>context.lineTo(272, 370);<br/>context.stroke();<br/><br/>context.lineTo(308, 345);<br/>context.stroke();<br/><br/>context.lineTo(309, 345);<br/>context.stroke();<br/><br/>context.lineTo(309, 346);<br/>context.stroke();<br/><br/>context.lineTo(305, 353);<br/>context.stroke();<br/><br/>context.lineTo(290, 378);<br/>context.stroke();<br/><br/>context.lineTo(280, 396);<br/>context.stroke();<br/><br/>context.lineTo(279, 397);<br/>context.stroke();<br/><br/>context.lineTo(281, 392);<br/>context.stroke();<br/><br/>context.lineTo(286, 385);<br/>context.stroke();<br/><br/>context.lineTo(304, 363);<br/>context.stroke();<br/><br/>context.lineTo(324, 344);<br/>context.stroke();<br/><br/>context.lineTo(325, 344);<br/>context.stroke();<br/><br/>context.lineTo(322, 350);<br/>context.stroke();<br/><br/>context.lineTo(308, 375);<br/>context.stroke();<br/><br/>context.lineTo(293, 399);<br/>context.stroke();<br/><br/>context.lineTo(293, 400);<br/>context.stroke();<br/><br/>context.lineTo(296, 394);<br/>context.stroke();<br/><br/>context.lineTo(305, 377);<br/>context.stroke();<br/><br/>context.lineTo(330, 329);<br/>context.stroke();<br/><br/>context.lineTo(332, 326);<br/>context.stroke();<br/><br/>context.lineTo(329, 335);<br/>context.stroke();<br/><br/>context.lineTo(326, 347);<br/>context.stroke();<br/><br/>context.lineTo(318, 367);<br/>context.stroke();<br/><br/>context.lineTo(314, 372);<br/>context.stroke();<br/><br/>context.lineTo(312, 373);<br/>context.stroke();<br/><br/>context.lineTo(313, 367);<br/>context.stroke();<br/><br/>context.lineTo(327, 348);<br/>context.stroke();<br/><br/>context.lineTo(340, 334);<br/>context.stroke();<br/><br/>context.lineTo(341, 341);<br/>context.stroke();<br/><br/>context.lineTo(329, 363);<br/>context.stroke();<br/><br/>context.lineTo(300, 392);<br/>context.stroke();<br/><br/>context.lineTo(287, 399);<br/>context.stroke();<br/><br/>context.lineTo(284, 395);<br/>context.stroke();<br/><br/>context.lineTo(284, 370);<br/>context.stroke();<br/><br/>context.lineTo(284, 330);<br/>context.stroke();<br/><br/>context.lineTo(285, 330);<br/>context.stroke();<br/><br/>context.lineTo(285, 332);<br/>context.stroke();<br/><br/>context.lineTo(279, 347);<br/>context.stroke();<br/><br/>context.lineTo(265, 361);<br/>context.stroke();<br/><br/>context.lineTo(260, 365);<br/>context.stroke();<br/><br/>context.lineTo(260, 360);<br/>context.stroke();<br/><br/>context.lineTo(282, 333);<br/>context.stroke();<br/><br/>context.lineTo(298, 314);<br/>context.stroke();<br/><br/>context.lineTo(302, 314);<br/>context.stroke();<br/><br/>context.lineTo(304, 324);<br/>context.stroke();<br/><br/>context.lineTo(308, 379);<br/>context.stroke();<br/><br/>context.lineTo(306, 405);<br/>context.stroke();<br/><br/>context.lineTo(300, 412);<br/>context.stroke();<br/><br/>context.lineTo(299, 406);<br/>context.stroke();<br/><br/>context.lineTo(312, 372);<br/>context.stroke();<br/><br/>context.lineTo(330, 356);<br/>context.stroke();<br/><br/>context.lineTo(331, 357);<br/>context.stroke();<br/><br/>context.lineTo(331, 376);<br/>context.stroke();<br/><br/>context.lineTo(305, 411);<br/>context.stroke();<br/><br/>context.lineTo(284, 423);<br/>context.stroke();<br/><br/>context.lineTo(282, 416);<br/>context.stroke();<br/><br/>context.lineTo(290, 376);<br/>context.stroke();<br/><br/>context.lineTo(322, 334);<br/>context.stroke();<br/><br/>context.lineTo(340, 324);<br/>context.stroke();<br/><br/>context.lineTo(345, 342);<br/>context.stroke();<br/><br/>context.lineTo(342, 370);<br/>context.stroke();<br/><br/>context.lineTo(321, 386);<br/>context.stroke();<br/><br/>context.lineTo(311, 384);<br/>context.stroke();<br/><br/>context.lineTo(310, 365);<br/>context.stroke();<br/><br/>context.lineTo(321, 335);<br/>context.stroke();<br/><br/>context.lineTo(332, 328);<br/>context.stroke();<br/><br/>context.lineTo(332, 335);<br/>context.stroke();<br/><br/>context.lineTo(320, 368);<br/>context.stroke();<br/><br/>context.lineTo(282, 383);<br/>context.stroke();<br/><br/>context.lineTo(250, 380);<br/>context.stroke();<br/><br/>context.lineTo(243, 350);<br/>context.stroke();<br/>var canvas, context, canvaso, contexto;<br/>canvaso = document.getElementById('imageView');<br/>context = canvaso.getContext('2d');<br/>context.lineWidth = 5;<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>