Internet Explorer 7, 8 & 9: canvas support (Mootools)

Question

I have written this Mootools example of a simple tool using canvas:

It simply creates a line from one clicked location to the other.

I have two questions really, both relating to Internet Explorer's support of the canvas tag.

I was under the impression that IE9 supported canvas but from the demonstration above I conclude I was wrong. Or am I? I have implemented it incorrectly?
I know that IE 7 & 8 do not support canvas so I am looking for advice on how to go about doing what I have done in the demonstration above for these browsers.

Thanks in advance

Answer 1

IE9 perfectly supports canvas.

If your page doesn't work fine it's usually because your header isn't right. Use this :

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />