我想放一个红色矩形<div>元素在我的网页上，这样它不仅看起来是透明的，而且就像在 Photoshop 的乘法模式中混合的一样。
The <div>将有position: fixed，所以下面的内容会很快改变。
任何 HTML5 / CSS3 / canvas / SVG 技巧都可以实现吗？
我创建了一个独立的、轻量级的开源库，用于从一个 HTML Canvas 上下文到另一个上下文执行 Photoshop 风格的混合模式：上下文混合器 https://github.com/Phrogz/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} );
See the README https://github.com/Phrogz/context-blender#readme了解更多信息，包括当前支持的混合模式。
您可以使用它来执行从一个画布到另一个画布的乘法，但不能在标准 HTML 元素上执行。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
