css 如何写可以让字体的颜色与背景图的颜色相反？（背景图是动态变换的）

Question

因为背景图用户是自定义的，所以设置字体颜色相反的话，方便阅读。

Answer 1

两个思路，一个是 filter: invert(100%)
另一个是 mix-blend-mode: difference

Answer 2

那可能得借助canvas把图片读出来才能做反色了，正经的css样式好像还真没听说有

Answer 3

背景 image 设成用户定义的背景，用 css filter 取反色
然后background-clip:text
具体可能需要多套几层 div

Answer 4

mix-blend-mode: difference;
color: white;

Answer 5

换思路吧
思路1. 让用户也设置字体颜色
思路2. 文字设置text-shadow样式