我想把一个红色的矩形< 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} );
您可以使用它从一个画布到另一个画布执行倍增,但不能通过标准HTML元素。