views:

1475

answers:

1

Is anyone able to help with this universal rotate function (it's for jquery, but this is a javascript thing) : http://pastebin.com/m382b30e

I changed the non IE canvas code so it'll rotate around the image's center (see http://uptowar.com/jquery in firefox). Now I need to change the IE microsoft filter to do the same (see the same url in internet explorer). But, how? There's little understandable documentation for that filter.

+1  A: 

Suppose you have an angle nAngle given in radians, the rotating matrix would then look like:

var nCos    = Math.cos(nAngle).toFixed(3),
    nSin    = Math.sin(nAngle).toFixed(3);

var sFilter = "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=" + nCos + ", M12=" + (-nSin) + ", M21=" + nSin + ", M22=" + nCos + ")";

You may also want looking into specification: Matrix Filter

Sergey Ilinsky