Jump to content


Colorize Image

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hello Everyone,


I'm pretty new to JavaScript and HTML5 but I'm hoping there is something similar to the "colorMatrixFilter" in the JS version of TweenLite or TweenMax.


Can someone point me in the right direction for tutorials or API information on how I would go about changing the color of a plain old Image() object?


I've been digging around the forums and doing some Google searches for how to best accomplish this but I'm not finding anything. Any suggestions?




Link to comment
Share on other sites

using javascript to colorize and image is possible if you are using the <canvas>. Jack put together a plugin that plays nicely with easelJS: http://forums.greens...2094#entry22094


currently css filters will give you access to a saturation, hue, brightness, contrast etc, but support is really spotty. Quick research found this demo that works in Google Chrome: http://html5-demos.a...ters/index.html


I know in general that GreenSock wants the JS version of TweenLIte to work consistently across as many modern browsers as possible, I'm not sure how soon one can expect to see support for features that only work in 1 or 2 browsers.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.