Comment teinter une image avec HTML5 Canvas ?

Question

Ma question est la suivante : quelle est la meilleure façon de teinter une image dessinée à l'aide de la méthode drawImage ? L'utilisation visée est celle d'effets de particules 2d avancés (développement de jeux) où les particules changent de couleur au fil du temps, etc. Je ne demande pas comment teinter l'ensemble de la toile, mais seulement l'image que je suis sur le point de dessiner.

J'en ai conclu que le paramètre globalAlpha affecte l'image courante qui est dessinée.

//works with drawImage()
canvas2d.globalAlpha = 0.5;

Mais comment puis-je teinter chaque image avec une valeur de couleur arbitraire ? Ce serait génial s'il y avait une sorte de globalFillStyle ou globalColor ou ce genre de chose...

EDIT :

Voici une capture d'écran de l'application sur laquelle je travaille : http://twitpic.com/1j2aeg/full alt text http://web20.twitpic.com/img/92485672-1d59e2f85d099210d4dafb5211bf770f.4bd804ef-scaled.png

Answer 1

J'y jetterais un coup d'oeil : http://www.arahaya.com/canvasscript3/examples/ Il semble avoir une méthode ColorTransform, je crois qu'il dessine une forme pour effectuer la transformation, mais peut-être qu'à partir de là, vous pourrez trouver un moyen d'ajuster une image spécifique.