Question

我正在使用javascript在HTML画布元素的背景图像上应用色调旋转滤镜，但是当我添加也具有遮罩图像的文本时，文本的遮罩也会受到色调滤镜的影响。

如何制作它，使画布的图像背景有一个色调过滤器，文本蒙版有另一个色调过滤器，不受背景影响？例如，背景色调为红色，文本蒙版色调为黄色，或者蒙版没有色调，但背景色或相反。

提前致谢！

编辑：顺便说一句，我也是用javascript设置画布背景图片，而不是CSS。

Answer 1

也许您可以尝试在css中使用Z-index选择器将色调和图像向后移动到文本之后。

img, hue {
  z-index="a #"
}

<p>text</p>
<img src=""/>
<!--insert hue however you do it-->

如果您需要澄清。