使用CSS或JavaScript在网页中使用Photoshop-esque混合模式?

我想知道是否可以使用混合模式在网页上混合两个或多个图像,就像你在photoshop中找到的那样(叠加,屏幕,变亮等).

我知道使用flash和java可以实现这种功能,但是没有任何插件即可以使用CSS或JavaScript吗?我已经看到这个效果的一些javascript示例适用于相对较小的图像,但我有兴趣在高分辨率图像上执行此操作……这纯粹是出于实验目的.

解决方法

使用canvas元素,您可以轻松获得叠加和变亮.这是关于在将每个位图渲染到画布之前指定的设置.

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Compositing

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效