search

DmitryBaranovskiy / raphael

JavaScript Vector Library
https://dmitrybaranovskiy.github.io/raphael/
MIT License
11.26k stars 1.67k forks source link

Performance of matrix transformations under IE7,8,9 #437

Open denis6011 opened 12 years ago

denis6011 commented 12 years ago

When drawing simple shapes using IE7+/VML backend, the performance of translate/scale transformation of simple shapes using "matrix" VML DOM attribute is noticeably slower than using DXImageTransform.Microsoft.Matrix filter.

One can easily reproduce by creating a test application, that allows user to pan/zoom a viewport with set of shapes with a mouse, by handling drag events and changing the transformation matrix for each element according to mouse position.

For several non-complex shapes, it should work fine under Mozilla/WebKit, but in IE there will be a substrantial delay before visual update of element position (>200ms) when "transform" VML DOM attribute is used.

sri-rang commented 11 years ago

You can fix the performance of matrix transforms on SVG using Groups instead of RaphaelSets.

VML on IE8 is still painful.

I'm not sure if Filters would work on IE8 (well IE10 running in IE8 mode).