jQuery中的颜色饱和度/去饱和度

Question

我的问题很简单：

如果我使用标准 HTML 对图像进行编码以显示，是否可以仅在 jQuery 上完全降低该图像的饱和度？

一旦用户将鼠标悬停在图像上，我们的想法是恢复正常饱和度...

我知道有一种使用 HTML5 Canvas 的实验方法，但我暂时想远离 HTML5 :)

Answer 1

单独使用 jQuery？并不真地。您需要一些方法来操作图像数据，而我只知道四种方法：

• HTML5 Canvas（你说过你不想要它）
• 专有 IE 过滤器（仅限 Internet Explorer）
• 通过 CSS 应用的 SVG 过滤器（根据我的测试，目前仅限 Firefox）
• Flash 小程序（矫枉过正、繁重且通常令人不快。）

Matt Gibson 的 Pixastic 建议是一个很好的建议，如果您只关心兼容性，或者您可以使用上述方法的某种混合来自行开发。