&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.beginPath();<br/>context.moveTo(96, 54);<br/>context.lineTo(421,   57);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(425, 241);<br/>context.lineTo(418,   56);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(91, 226);<br/>context.lineTo(423,   238);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(95, 226);<br/><br/>context.lineTo(95, 226);<br/>context.stroke();<br/><br/>context.strokeStyle = '#000000';<br/>context.beginPath();<br/>context.moveTo(99, 225);<br/>context.lineTo(103,   53);<br/>context.stroke();<br/>context.closePath();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(90, 41);<br/><br/>context.lineTo(90, 41);<br/>context.stroke();<br/><br/>context.lineWidth = 7;<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(93, 48);<br/><br/>context.lineTo(93, 48);<br/>context.stroke();<br/><br/>context.strokeStyle = '#FFFFFF';<br/>context.beginPath();<br/>context.moveTo(93, 37);<br/><br/>context.lineTo(93, 37);<br/>context.stroke();<br/><br/>context.lineTo(93, 36);<br/>context.stroke();<br/><br/>context.lineTo(94, 32);<br/>context.stroke();<br/><br/>context.lineTo(96, 26);<br/>context.stroke();<br/><br/>context.lineTo(96, 22);<br/>context.stroke();<br/><br/>context.lineTo(97, 20);<br/>context.stroke();<br/><br/>context.lineTo(99, 17);<br/>context.stroke();<br/><br/>context.lineTo(99, 16);<br/>context.stroke();<br/><br/>context.lineTo(99, 15);<br/>context.stroke();<br/><br/>context.lineTo(99, 16);<br/>context.stroke();<br/><br/>context.lineTo(97, 24);<br/>context.stroke();<br/><br/>context.lineTo(95, 29);<br/>context.stroke();<br/><br/>context.lineTo(95, 31);<br/>context.stroke();<br/><br/>context.lineTo(95, 35);<br/>context.stroke();<br/><br/>context.lineTo(95, 38);<br/>context.stroke();<br/><br/>context.lineTo(95, 41);<br/>context.stroke();<br/><br/>context.lineTo(95, 45);<br/>context.stroke();<br/><br/>context.lineTo(95, 46);<br/>context.stroke();<br/><br/>context.lineTo(95, 48);<br/>context.stroke();<br/><br/>context.lineTo(95, 49);<br/>context.stroke();<br/><br/>context.lineTo(95, 50);<br/>context.stroke();<br/><br/>context.lineTo(95, 52);<br/>context.stroke();<br/><br/>context.lineTo(95, 53);<br/>context.stroke();<br/><br/>context.lineTo(95, 53);<br/>context.stroke();<br/><br/>context.lineTo(95, 54);<br/>context.stroke();<br/><br/>context.lineTo(95, 53);<br/>context.stroke();<br/><br/>context.lineTo(95, 47);<br/>context.stroke();<br/><br/>context.lineTo(95, 37);<br/>context.stroke();<br/><br/>context.lineTo(95, 33);<br/>context.stroke();<br/><br/>context.lineTo(95, 29);<br/>context.stroke();<br/><br/>context.lineTo(95, 27);<br/>context.stroke();<br/><br/>context.lineTo(95, 28);<br/>context.stroke();<br/><br/>context.lineTo(95, 38);<br/>context.stroke();<br/><br/>context.lineTo(95, 42);<br/>context.stroke();<br/><br/>context.lineTo(95, 45);<br/>context.stroke();<br/><br/>context.lineTo(95, 46);<br/>context.stroke();<br/><br/>context.lineTo(95, 48);<br/>context.stroke();<br/><br/>context.lineTo(95, 49);<br/>context.stroke();<br/><br/>context.lineTo(95, 50);<br/>context.stroke();<br/><br/>context.lineTo(95, 51);<br/>context.stroke();<br/><br/>context.lineTo(95, 53);<br/>context.stroke();<br/><br/>context.lineTo(95, 53);<br/>context.stroke();<br/><br/>context.lineTo(95, 54);<br/>context.stroke();<br/><br/>context.lineTo(95, 56);<br/>context.stroke();<br/><br/>context.lineTo(95, 57);<br/>context.stroke();<br/><br/>context.lineTo(95, 59);<br/>context.stroke();<br/><br/>context.lineTo(95, 61);<br/>context.stroke();<br/><br/>context.lineTo(95, 62);<br/>context.stroke();<br/><br/>context.lineTo(94, 63);<br/>context.stroke();<br/><br/>context.lineTo(94, 65);<br/>context.stroke();<br/><br/>context.lineTo(94, 66);<br/>context.stroke();<br/><br/>context.lineTo(93, 69);<br/>context.stroke();<br/><br/>context.lineTo(93, 69);<br/>context.stroke();<br/><br/>context.lineTo(93, 70);<br/>context.stroke();<br/><br/>context.lineTo(93, 72);<br/>context.stroke();<br/><br/>context.lineTo(92, 73);<br/>context.stroke();<br/><br/>context.lineTo(92, 73);<br/>context.stroke();<br/><br/>context.lineTo(92, 74);<br/>context.stroke();<br/><br/>context.lineTo(92, 75);<br/>context.stroke();<br/><br/>context.lineTo(91, 75);<br/>context.stroke();<br/><br/>context.lineTo(91, 77);<br/>context.stroke();<br/><br/>context.lineTo(91, 77);<br/>context.stroke();<br/><br/>context.lineTo(91, 79);<br/>context.stroke();<br/><br/>context.lineTo(91, 80);<br/>context.stroke();<br/><br/>context.lineTo(91, 81);<br/>context.stroke();<br/><br/>context.lineTo(91, 82);<br/>context.stroke();<br/><br/>context.lineTo(91, 83);<br/>context.stroke();<br/><br/>context.lineTo(90, 85);<br/>context.stroke();<br/><br/>context.lineTo(90, 85);<br/>context.stroke();<br/><br/>context.lineTo(90, 89);<br/>context.stroke();<br/><br/>context.lineTo(90, 89);<br/>context.stroke();<br/><br/>context.lineTo(90, 91);<br/>context.stroke();<br/><br/>context.lineTo(90, 92);<br/>context.stroke();<br/><br/>context.lineTo(90, 93);<br/>context.stroke();<br/><br/>context.lineTo(90, 94);<br/>context.stroke();<br/><br/>context.lineTo(90, 96);<br/>context.stroke();<br/><br/>context.lineTo(90, 98);<br/>context.stroke();<br/><br/>context.lineTo(90, 101);<br/>context.stroke();<br/><br/>context.lineTo(90, 103);<br/>context.stroke();<br/><br/>context.lineTo(90, 107);<br/>context.stroke();<br/><br/>context.lineTo(90, 109);<br/>context.stroke();<br/><br/>context.lineTo(90, 110);<br/>context.stroke();<br/><br/>context.lineTo(90, 113);<br/>context.stroke();<br/><br/>context.lineTo(89, 116);<br/>context.stroke();<br/><br/>context.lineTo(87, 120);<br/>context.stroke();<br/><br/>context.lineTo(87, 123);<br/>context.stroke();<br/><br/>context.lineTo(87, 126);<br/>context.stroke();<br/><br/>context.lineTo(87, 131);<br/>context.stroke();<br/><br/>context.lineTo(86, 134);<br/>context.stroke();<br/><br/>context.lineTo(85, 137);<br/>context.stroke();<br/><br/>context.lineTo(85, 140);<br/>context.stroke();<br/><br/>context.lineTo(85, 142);<br/>context.stroke();<br/><br/>context.lineTo(85, 145);<br/>context.stroke();<br/><br/>context.lineTo(85, 148);<br/>context.stroke();<br/><br/>context.lineTo(85, 151);<br/>context.stroke();<br/><br/>context.lineTo(85, 153);<br/>context.stroke();<br/><br/>context.lineTo(85, 157);<br/>context.stroke();<br/><br/>context.lineTo(85, 159);<br/>context.stroke();<br/><br/>context.lineTo(85, 161);<br/>context.stroke();<br/><br/>context.lineTo(85, 165);<br/>context.stroke();<br/><br/>context.lineTo(85, 167);<br/>context.stroke();<br/><br/>context.lineTo(85, 168);<br/>context.stroke();<br/><br/>context.lineTo(85, 170);<br/>context.stroke();<br/><br/>context.lineTo(85, 172);<br/>context.stroke();<br/><br/>context.lineTo(85, 174);<br/>context.stroke();<br/><br/>context.lineTo(85, 175);<br/>context.stroke();<br/><br/>context.lineTo(85, 177);<br/>context.stroke();<br/><br/>context.lineTo(85, 178);<br/>context.stroke();<br/><br/>context.lineTo(85, 179);<br/>context.stroke();<br/><br/>context.lineTo(84, 181);<br/>context.stroke();<br/><br/>context.lineTo(84, 184);<br/>context.stroke();<br/><br/>context.lineTo(84, 185);<br/>context.stroke();<br/><br/>context.lineTo(83, 188);<br/>context.stroke();<br/><br/>context.lineTo(83, 191);<br/>context.stroke();<br/><br/>context.lineTo(82, 193);<br/>context.stroke();<br/><br/>context.lineTo(82, 194);<br/>context.stroke();<br/><br/>context.lineTo(82, 196);<br/>context.stroke();<br/><br/>context.lineTo(82, 197);<br/>context.stroke();<br/><br/>context.lineTo(82, 197);<br/>context.stroke();<br/><br/>context.lineTo(82, 198);<br/>context.stroke();<br/><br/>context.lineTo(82, 199);<br/>context.stroke();<br/><br/>context.lineTo(82, 200);<br/>context.stroke();<br/><br/>context.lineTo(82, 202);<br/>context.stroke();<br/><br/>context.lineTo(82, 204);<br/>context.stroke();<br/><br/>context.lineTo(82, 205);<br/>context.stroke();<br/><br/>context.lineTo(82, 206);<br/>context.stroke();<br/><br/>context.lineTo(82, 207);<br/>context.stroke();<br/><br/>context.lineTo(82, 209);<br/>context.stroke();<br/><br/>context.lineTo(82, 209);<br/>context.stroke();<br/><br/>context.lineTo(82, 212);<br/>context.stroke();<br/><br/>context.lineTo(82, 213);<br/>context.stroke();<br/><br/>context.lineTo(82, 214);<br/>context.stroke();<br/><br/>context.lineTo(82, 217);<br/>context.stroke();<br/><br/>context.lineTo(82, 219);<br/>context.stroke();<br/><br/>context.lineTo(82, 220);<br/>context.stroke();<br/><br/>context.lineTo(82, 221);<br/>context.stroke();<br/><br/>context.lineTo(82, 221);<br/>context.stroke();<br/><br/>context.lineTo(82, 222);<br/>context.stroke();<br/><br/>context.lineTo(82, 223);<br/>context.stroke();<br/><br/>context.lineTo(82, 225);<br/>context.stroke();<br/><br/>context.lineTo(82, 226);<br/>context.stroke();<br/><br/>context.lineTo(82, 227);<br/>context.stroke();<br/><br/>context.lineTo(83, 229);<br/>context.stroke();<br/><br/>context.lineTo(83, 230);<br/>context.stroke();<br/><br/>context.lineTo(83, 232);<br/>context.stroke();<br/><br/>context.lineTo(83, 233);<br/>context.stroke();<br/><br/>context.lineTo(84, 233);<br/>context.stroke();<br/><br/>context.lineTo(85, 233);<br/>context.stroke();<br/><br/>context.lineTo(87, 225);<br/>context.stroke();<br/><br/>context.lineTo(88, 219);<br/>context.stroke();<br/><br/>context.lineTo(90, 214);<br/>context.stroke();<br/><br/>context.lineTo(91, 211);<br/>context.stroke();<br/><br/>context.lineTo(91, 209);<br/>context.stroke();<br/><br/>context.lineTo(91, 208);<br/>context.stroke();<br/><br/>context.lineTo(91, 207);<br/>context.stroke();<br/><br/>context.lineTo(91, 206);<br/>context.stroke();<br/><br/>context.lineTo(92, 205);<br/>context.stroke();<br/><br/>context.lineTo(92, 205);<br/>context.stroke();<br/><br/>context.lineTo(92, 206);<br/>context.stroke();<br/><br/>context.lineTo(92, 209);<br/>context.stroke();<br/><br/>context.lineTo(92, 210);<br/>context.stroke();<br/><br/>context.lineTo(91, 214);<br/>context.stroke();<br/><br/>context.lineTo(91, 217);<br/>context.stroke();<br/><br/>context.lineTo(91, 220);<br/>context.stroke();<br/><br/>context.lineTo(91, 221);<br/>context.stroke();<br/><br/>context.lineTo(91, 223);<br/>context.stroke();<br/><br/>context.lineTo(91, 225);<br/>context.stroke();<br/><br/>context.lineTo(91, 225);<br/>context.stroke();<br/><br/>context.lineTo(91, 226);<br/>context.stroke();<br/><br/>context.lineTo(91, 227);<br/>context.stroke();<br/><br/>context.lineTo(91, 228);<br/>context.stroke();<br/><br/>context.lineTo(91, 229);<br/>context.stroke();<br/><br/>context.lineTo(91, 230);<br/>context.stroke();<br/><br/>context.lineTo(91, 231);<br/>context.stroke();<br/><br/>context.lineTo(91, 232);<br/>context.stroke();<br/><br/>context.lineTo(91, 233);<br/>context.stroke();<br/><br/>context.lineTo(91, 232);<br/>context.stroke();<br/><br/>context.lineTo(91, 230);<br/>context.stroke();<br/><br/>context.lineTo(91, 225);<br/>context.stroke();<br/><br/>context.lineTo(91, 225);<br/>context.stroke();<br/><br/>context.lineTo(91, 222);<br/>context.stroke();<br/><br/>context.lineTo(91, 221);<br/>context.stroke();<br/><br/>context.lineTo(92, 219);<br/>context.stroke();<br/><br/>context.lineTo(92, 217);<br/>context.stroke();<br/><br/>context.lineTo(92, 215);<br/>context.stroke();<br/><br/>context.lineTo(92, 214);<br/>context.stroke();<br/><br/>context.lineTo(93, 213);<br/>context.stroke();<br/><br/>context.lineTo(93, 213);<br/>context.stroke();<br/><br/>context.lineTo(93, 212);<br/>context.stroke();<br/><br/>context.lineTo(93, 209);<br/>context.stroke();<br/><br/>context.lineTo(93, 207);<br/>context.stroke();<br/><br/>context.lineTo(93, 206);<br/>context.stroke();<br/><br/>context.lineTo(93, 205);<br/>context.stroke();<br/><br/>context.lineTo(93, 205);<br/>context.stroke();<br/><br/>context.lineTo(93, 204);<br/>context.stroke();<br/><br/>context.lineTo(93, 201);<br/>context.stroke();<br/><br/>context.lineTo(93, 200);<br/>context.stroke();<br/><br/>context.lineTo(93, 199);<br/>context.stroke();<br/><br/>context.lineTo(93, 197);<br/>context.stroke();<br/><br/>context.lineTo(93, 196);<br/>context.stroke();<br/><br/>context.lineTo(93, 194);<br/>context.stroke();<br/><br/>context.lineTo(93, 193);<br/>context.stroke();<br/><br/>context.lineTo(93, 193);<br/>context.stroke();<br/><br/>context.lineTo(93, 191);<br/>context.stroke();<br/><br/>context.lineTo(93, 190);<br/>context.stroke();<br/><br/>context.lineTo(93, 189);<br/>context.stroke();<br/><br/>context.lineTo(93, 188);<br/>context.stroke();<br/><br/>context.lineTo(93, 187);<br/>context.stroke();<br/><br/>context.lineTo(93, 185);<br/>context.stroke();<br/><br/>context.lineTo(93, 185);<br/>context.stroke();<br/><br/>context.lineTo(93, 184);<br/>context.stroke();<br/><br/>context.lineTo(93, 183);<br/>context.stroke();<br/><br/>context.lineTo(93, 182);<br/>context.stroke();<br/><br/>context.lineTo(93, 181);<br/>context.stroke();<br/><br/>context.lineTo(93, 179);<br/>context.stroke();<br/><br/>context.lineTo(93, 178);<br/>context.stroke();<br/><br/>context.lineTo(93, 177);<br/>context.stroke();<br/><br/>context.lineTo(93, 176);<br/>context.stroke();<br/><br/>context.lineTo(93, 175);<br/>context.stroke();<br/><br/>context.lineTo(93, 174);<br/>context.stroke();<br/><br/>context.lineTo(93, 173);<br/>context.stroke();<br/><br/>context.lineTo(93, 174);<br/>context.stroke();<br/><br/>context.lineTo(92, 175);<br/>context.stroke();<br/><br/>context.lineTo(92, 176);<br/>context.stroke();<br/><br/>context.lineTo(91, 179);<br/>context.stroke();<br/><br/>context.lineTo(90, 184);<br/>context.stroke();<br/><br/>context.lineTo(89, 186);<br/>context.stroke();<br/><br/>context.lineTo(89, 188);<br/>context.stroke();<br/><br/>context.lineTo(89, 189);<br/>context.stroke();<br/><br/>context.lineTo(87, 190);<br/>context.stroke();<br/><br/>context.lineTo(87, 192);<br/>context.stroke();<br/><br/>context.lineTo(87, 195);<br/>context.stroke();<br/><br/>context.lineTo(87, 197);<br/>context.stroke();<br/><br/>context.lineTo(86, 200);<br/>context.stroke();<br/><br/>context.lineTo(85, 202);<br/>context.stroke();<br/><br/>context.lineTo(85, 203);<br/>context.stroke();<br/><br/>context.lineTo(85, 205);<br/>context.stroke();<br/><br/>context.lineTo(85, 207);<br/>context.stroke();<br/><br/>context.lineTo(85, 209);<br/>context.stroke();<br/><br/>context.lineTo(85, 209);<br/>context.stroke();<br/><br/>context.lineTo(85, 210);<br/>context.stroke();<br/><br/>context.lineTo(85, 212);<br/>context.stroke();<br/><br/>context.lineTo(85, 213);<br/>context.stroke();<br/><br/>context.lineTo(85, 213);<br/>context.stroke();<br/><br/>context.lineTo(85, 214);<br/>context.stroke();<br/><br/>context.lineTo(85, 215);<br/>context.stroke();<br/><br/>context.lineTo(85, 215);<br/>context.stroke();<br/>        &lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/>