如何将Photoshop风格的颜色曲线过滤器应用于HTML标签？ 我试图在HTML视频标签中复制以下Photoshop色曲线过滤器。 到目前为止，我发现的最接近的答案是如何使用CSS和SVG过滤器添加类似Photoshop的颜色级别...

Question

到目前为止，我发现的最接近的答案是如何使用CSS和SVG过滤器添加

光毛的颜色水平，但这并不是我所需要的。 欢迎使用CSS，SVG过滤器甚至第三方库的任何方法！

FecomponentTransfer /表是您实现颜色曲线的方式。该过滤器将 - 大致 - 生成该曲线组合，并应为您提供一个起点的地方。第一个FecomponentTransfer实现了颜色曲线（我注视着值 - 您需要返回并更加仔细地进行）。第二个实现了白点调整。 ithink

think

订单是正确的，但我不是Photoshop专家，因此您可能必须将白点调整放在首位。

<filter id="color-curve" color-interpolation-filters="sRGB">
<feComponentTransfer>
  <feFuncR type="table" tableValues="0.0 0.22 0.4 0.6 0.7 0.8 0.86 0.92 0.96 0.98 1.0"/>
  <feFuncG type="table" tableValues="0.0 0.0 0.05 0.1 0.22 0.4 0.6 0.83 0.92 0.97 1.0"/>
  <feFuncB type="table" tableValues="0.1 0.8"/>
</feComponentTransfer>

<feComponentTransfer>
  <feFuncR type="table" tableValues="0.1 1"/>
  <feFuncG type="table" tableValues="0.1 1"/>
  <feFuncB type="table" tableValues="0.1 1"/>
</feComponentTransfer>
</filter>

Answer 1

I在此处链接的FecomponentTransfer上写了WebPlatform的文档：

Http：//www.webplatform.org/docs/svg/elements/elements/fecompontomentTransfer/

没有更多关于该过滤器如何工作的指南，因此只需仔细阅读。