Pixasticで複数のアクションを同時に実行するためのTips

ブラウザ上で画像を編集するため、Pixasticというライブラリを利用している。

ひとつひとつのアクションを実行するのは問題ないが、複数のアクションを実行するとたまに反映されない事がある。

Pixastic.process(
  img,
  'brightness',
  {brightness: param.brightness, contrast: param.contrast / 100}
);

Pixastic.process(
  img,
  'rotate',
  {angle: param.angle
);

解決策としては、processのコールバックで次のアクションを実行することで、正しく反映されるようになる。

Pixastic.process(
  img,
  'brightness',
  {brightness: param.brightness, contrast: param.contrast / 100},
  function(res) {
    Pixastic.process(
      res,
      'rotate',
      {angle: param.angle
    );
  }
);

※processの戻り値を第一引数に指定することも考えたが、dataImg.completeがfalseになりundefinedになるため断念