filter name | Opera 9.62 | Firefox 3.x | Firefox 3.5 | Safari 4.0 | |
---|---|---|---|---|---|
gamma brightness contrast exposure invert tritone solarize grayscale sepia threshold smooth spinblur zoomblur motionblur invertalpha mixrgb adjustrgba adjusthsba adjustyuva posterize colorkey chromakey outline convolve anaglyph alphamask tiltshift stackblur multiplyalpha unmultiplyalpha |
0.096 0.088 0.117 0.095 0.085 0.215 0.078 0.122 0.120 0.122 0.096 0.050 0.041 0.030 0.035 0.240 0.111 0.500 0.499 0.093 0.028 0.237 0.888 0.769 0.041 0.000 0.098 0.000 0.000 0.000 |
0.048 0.162 0.369 0.046 0.051 0.119 0.042 0.072 0.217 0.077 0.083 0.046 0.040 0.030 0.030 0.229 0.199 0.649 0.645 0.162 0.024 0.324 0.835 0.691 0.033 0.000 0.084 0.000 0.000 0.000 |
0.045 0.097 0.136 0.043 0.035 0.081 0.033 0.052 0.148 0.081 0.095 0.048 0.042 0.030 0.023 0.146 0.102 0.404 0.403 0.078 0.017 0.198 0.603 0.470 0.026 0.000 0.096 0.000 0.000 0.000 |
0.028 0.024 0.064 0.013 0.010 0.052 0.009 0.034 0.073 0.032 0.048 0.024 0.023 0.018 0.006 0.059 0.015 0.113 0.112 0.009 0.004 0.052 0.178 0.175 0.009 0.000 0.050 0.000 0.000 0.000 |
Results in Seconds.
cvi_filter_lib.js 2.0 is only about 15 KB.
Supports: booklet.js, cvi_bevel.js, cvi_corner.js, cvi_corners.js, cvi_curl.js, cvi_edge.js, cvi_glossy.js, cvi_instant.js, cvi_reflex.js, cvi_slide.js, cvi_sphere.js, cvi_strip.js!
Download cvi_filter_lib.zip
If you've found a bug or if you have ideas for further development, don't hesitate to contact me.
Restrictions: It uses unobtrusive javascript to keep your code clean and
works only with canvas browsers supporting getImageData and setImageData, else it'll
degrade and your visitors won't notice a thing.
Benchmarks* are made with the same image [128x128 pixel] and the same parameters as the demos above. Static lists made with my PPC Mac G4 1GB 1.25 GHz.
The Speedbars above are related to the fastest browser engine. In this case Safari 4 (namely webkit).