Clever Geek Handbook

Internet Explorer Matrix Transform Filter Issue

As one of my hobby projects, I am developing a graphical effects plugin for jQuery. It is supposed to allow you to apply a few basic effects to an image, and it does so using the HTML canvas or Internet Explorer filters ever supported.

A demo page is available at: http://sandbox.odyniec.net/imgfx-new/ .

I have a problem with a rotation effect that is implemented with a matrix transform filter (DXImageTransform.Microsoft.Matrix).

If I just rotate the image, the resulting image looks fine. But if I use a different effect on the image before rotating, the rotated image will be damaged, i.e. some of it turns black or white. You can see this on the demo page.

For example, use the "button Invert

, then Rotate

20 degrees and you will see a black bar where the blue tree should be. The actual filters that are applied to the image are displayed at the bottom of the page.

Am I missing something here or could it be a browser bug?

+1


source to share


2 answers


Looks like a browser bug.



0


source


You can try to set the css scaling value to 1. If that doesn't work either. It seems that this is indeed a bug in IE.



0


source






More articles:


All Articles