jQuery 1.4 Animation Techniques - Index of

Canvas Animations
Time for action – making our code compatible with IE
In this example we will recreate our flag example so that it works as intended in IE.
1. Resave the canvas.html page as canvas-explorer.html and add a reference
to the explorercanvas library in the of the page:
2. Now change the script at the bottom so that it appears like this (new/changed code
is shown in bold):
var canvas = document.getElementById("c"),
draw = function(context) {
context.fillStyle = "#039";
context.fillRect(50, 50, 400, 200);
context.beginPath();
context.strokeStyle = "#fff";
context.lineWidth = 50;
context.moveTo(250, 50);
context.lineTo(250, 250);
context.moveTo(50, 150);
context.lineTo(450, 150);
context.moveTo(50, 50);
context.lineTo(450, 250);
context.moveTo(50, 250);
context.lineTo(450, 50);
context.stroke();
context.closePath();
context.strokeStyle = "#C00";
context.lineWidth = 30;
context.beginPath();
context.moveTo(250, 50);
context.lineTo(250, 250);
context.moveTo(50, 150);
context.lineTo(450, 150);
context.stroke();
context.lineWidth = 1;
context.fillStyle = "#C00";
[ 278 ]