Как преобразовать фильтр CamanJS в фильтр KineticJS?

Question

Из CamanJS дал следующий фильтр:

Caman.Filter.register("lomo", function(vignette) { 
    if (vignette == null) { 
     vignette = true; 
    } 
    this.brightness(15); 
    this.exposure(15); 
    this.curves('rgb', [0, 0], [200, 0], [155, 255], [255, 255]); 
    this.saturation(-20); 
    this.gamma(1.8); 
    if (vignette) { 
     this.vignette("50%", 60); 
    } 
    return this.brightness(5); 
    }); 

Как я могу преобразовать этот фильтр в KineticJS эквивалент?

Answer 1

Фильтры CamanJS и KineticJS выполнены по-разному.

Фильтры KineticJS манипулируют пиксельными данными за один проход.

В CamanJS используются подсистемы, которые изменяют изображение постепенно (подсистемы == this.brightness, this.exposure и т. Д.).

Таким образом, не существует простой способ, чтобы преобразовать CamanJS фильтр в KineticJS фильтр

Для этого вам придется реорганизовать и внедрить множество CamanJS подсистем в KineticJS.

Вы можете сделать это, так как CamanJS и KineticJS открытым исходным кодом с либеральным лицензированием, но это означало бы, рефакторинг и добавление по крайней мере, следующие подсистемы (и их зависимостей) в KineticJS из CamanJSs: https://github.com/meltingice/CamanJS/blob/master/dist/caman.full.js

• яркость ,
• экспозиции,
• кривые,
• насыщения,
• гамма

Возможно, лучше было бы применить фильтр, используя CamanJS на холсте в памяти. Затем вы можете использовать этот холст в памяти как источник изображения для Kinetic.Image. Вот ссылка на то, как это сделать: KineticJS canvas modified by CamanJS