jQuery 1.4 Animation Techniques - Index of

Canvas Animations
3. Save the new page and view it in IE. Our flag should now be visible:
IE can be made to understand the element, as we see in the previous screenshot,
although its support is not completely identical to that of capable browsers. If we compare
our example in IE and Firefox alongside each other, we see that IE also slightly enlarges the
flag for some reason.
What just happened?
First of all we need to link to the explorercanvas library. We don't want to let normal
browsers that support the native element use this file as it will slow them down,
so we put the element into an IE-specific conditional comment (like we did with
the html5shiv file earlier in the book). The .compiled version of the script file is simply a
minified version for production use.
The next change we make is to put the methods that draw the flag into an inline function
stored as a variable. This is necessary because otherwise IE will attempt to use these drawing
methods before the explorercanvas library has finished initializing and will throw errors.
The next part of our code also deals with this.
We use a conditional if statement to check for the presence of an ActiveXObject
property of the window object (this will only exist in IE). If it is found, we attach an onload
handler to the of the page that calls the getContext() method and our draw()
function once the page has finished loading, and the explorercanvas library has done
its thing.
[ 280 ]