javascript - 试图获得特定的颜色，但我无法获得想要的结果

Question

我正在尝试通过看起来像深蓝色和浅蓝色滤镜的滤镜拍摄常规视频。

.

问题是它在视频中，我需要它作为一个 mask (视频中改变颜色的 div)。我已经尝试了几件事，但没有得到想要的结果。

我尝试使用 svg feColorMatrix 和 CSS 滤镜。但是我得到了一个奇怪的蓝色。如果您有任何其他想法，我将不胜感激。

新年快乐!

filter: contrast(84%) brightness(31%) saturate(93%) grayscale(27%) hue-rotate(354deg);

Answer 1

此解决方案完全基于 HTML 和 CSS，用一个容器 div 包裹你的视频，并在视频之前放置另一个 div，它将作为一个覆盖层，给它 id 类似“overlay”的东西，现在是 css 部分

#overlay{
position:absolute;
width:100%;
height:100%;
z-index:100;
background:blue;
opacity:0.5;
}

您可以根据需要的输出进行其他修改，但这将使您最接近所需的解决方案。