javascript - CamanJS 滤镜到 Photoshop 曲线

Question

有没有办法获取CamanJS滤镜的Photoshop曲线？

例如:

Caman.Filter.register("hemingway", function() {
this.greyscale();
this.contrast(10);
this.gamma(0.9);
this.newLayer(function() {
  this.setBlendingMode("multiply");
  this.opacity(40);
  this.copyParent();
  this.filter.exposure(15);
  this.filter.contrast(15);
  return this.filter.channels({
    green: 10,
    red: 5
  });
});
this.sepia(30);
this.curves('rgb', [0, 10], [120, 90], [180, 200], [235, 255]);
this.channels({
  red: 5,
  green: -2
});
return this.exposure(15);
});

我尝试使用这些曲线值，但似乎不一样。

有什么见解吗？

谢谢。

Answer 1

主要原因是 camanjs 在 curve() 方法中使用贝塞尔曲线，而 Photoshop 使用 Cardinal 样条线或更简单的 Catmull-Rom 样条线(穿过实际点的样条线)之类的东西。

因此，将贝塞尔曲线控制点转换为基数样条线也会很复杂，反之亦然。

您可以创建一个映射界面，以便绘制贝塞尔曲线，然后为基数样条线提供点，移动它们，使它们与贝塞尔曲线紧密匹配，并将这些点用于 Photoshop。我做了一个cardinal spline implementation here ，如果您认为这可能是解决问题的一种方法，可能还有其他方法。

但一般来说，您必须在两种类型之间进行转换。

更新

<强> This code (not JS but C) (FitCurves.c) 可能会也可能不会帮助您进行贝塞尔曲线拟合。 C 和 JS 在语法上密切相关，因此应该很容易翻译。

希望这有帮助。