css – 在HTML5中Photoshop类混合模式可能吗?

前端之家收集整理的这篇文章主要介绍了css – 在HTML5中Photoshop类混合模式可能吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想把一个红色的矩形< div>元素在我的网页,使它不仅看起来透明,而且像在Photoshop的乘法模式混合。

< div>会有position:fixed,所以下面的内容会很快改变。

是否可能与任何HTML5 / CSS3 / canvas / SVG技巧?

解决方法

我已经创建了一个单独的,轻量级的开源库,用于执行Photoshop样式混合模式从一个HTML Canvas上下文到另一个: context-blender.以下是示例用法
// Might be an 'offscreen' canvas
var over  = someCanvas.getContext('2d');
var under = anotherCanvas.getContext('2d');

over.blendOnto( under,'screen',{destX:30,destY:15} );

有关详细信息,请参阅README包括当前支持的混合模式。

您可以使用它从一个画布到另一个画布执行倍增,但不能通过标准HTML元素。

猜你在找的CSS相关文章