Posted on

March 15, 2010 05:08 by
guido
Many people do not realise that excanvas has a silverlight implementation. This implementation is apparently less stable (I have had very few issues with it) but much much faster. The only real draw back as I see it is that it requires clients to have silverlight installed (stat owl has this penetration rate at about 40%).
I use excanvas (silverlight) to allow support IE users to use the Mouse Eye Teracking Service. Now this is a highly graphical intensive application so the demands I put on my canvas tag are huge. The standard excanvas (VML) implementation just did not cut it at all however the silverlight version has allowed me to support IE.
The purpose of this article is to more intelligently compare the performance of both ex canvases. I have used slightly modified versions of the excanvas test cases for performance measures. You can download all the tests here.
All tests were run in IE8 on a poor spec Win XP box. This may be quite a limited but it suffices to give us a comparison between VML excanvas and silverlight excanvas. The tests measure the time taken to do 200 iterations of the mentioned test. Please see the source code of the tests for more details.
Note: I am using the dev versions of excanvas
from here.
| Test | VML (ms) | Silverlight (ms) | x times faster |
| Arc |
1250 |
562 |
2.22 |
| Clearpath |
1109 |
281 |
3.95 |
| Colors |
9141 |
1906 |
4.8 |
| DrawImage |
3156 |
234 |
13.49 |
| DrawImageFlip |
128812 |
n/a |
n/a |
| Gradient |
828 |
406 |
2.04 |
| Gradient2 |
1359 |
422 |
3.22 |
| LineWidth |
378669 |
18953 |
19.98 |
| Overflow |
6859 |
344 |
19.94 |
| Overlay |
2703 |
n/a |
n/a |
| Pattern |
3140 |
n/a |
n/a |
| QuadraticCurve |
5032 |
n/a |
n/a |
| Resizing |
n/a |
n/a |
n/a |
| Restorepath |
2484 |
n/a |
n/a |
| StrokeScaleAndRotate |
7860 |
n/a |
n/a |
| StrokeShouldNotClosePath |
4766 |
n/a |
n/a |
| Text |
6844 |
n/a |
n/a |
Conclusions
We can see that the silverlight excanvas has very limited support for many features. However the features it does support are many multiples faster (2 - 20 times faster). So if you are not using the advanced features, use silverlight.
Thanks
Guido Tapia
Software Development Manager
PicNet Pty Ltd
Posted on

January 7, 2010 02:56 by
guido
I was excited to read about IE joining the W3C SVG Working Group. This hopefully means that IE 9 will have SVG support.
There has been a lot of noise around IE 9 and graphics rendering but this is the first solid hint as to which direction that will take.
I am crossing my fingers that CANVAS is not ignored. Come on IE stop being humiliated by Google (excanvas, svgweb, gears and chrome frame) and implement these standards!!!!
Thats my rant done.
Guido Tapia
Software Development Manager
PicNet Pty Ltd