javascript - Photoshop中的溢出效果

Question

我想知道是否可以制作像 photoshop 或 illustrator 效果这样的叠加效果。

我有一张图片作为背景，在前面我放了一个带有彩色背景的 div，我想在前面的 div 上应用一个叠加效果（就像在 PS 或 Illustrator 中一样），这实际上看起来比简单的透明效果更好。

你知道有什么办法吗？也许使用任何 JS 库？

在此先感谢您的帮助。

Answer 1

试试http://www.pixastic.com/

不确定它是否会满足您的需求，但值得一看。

http://www.pixastic.com/lib/docs/actions/blend/

Answer 2

如果您想要的叠加效果就像显示透明效果，那么试试这个

http://ajaxdump.com/2009/09/02/image-overlay-effect-using-jquery/

或者

http://tommcfarlin.com/simple-overlay/

实际上有更多使用 jquery（js 库）的叠加效果教程，就像你想要的那样

Answer 3

如果您指的是 PS/AI 中的混合模式，那么不，这些混合选项在 HTML/CSS 中尚不可用。某些滤镜效果即将出现，但混合模式（据我所知）不会出现。