Как применить фильтр KineticJS?

Question

Я считаю, что документация по фильтрам KineticJS крайне расстраивает и не может найти примеры в Интернете, особенно учитывая яркость.

В файле kinetic.filters link упоминается Kinetic.Filters.Brighten (imageData), но нет информации о том, как передавать ему параметры или как их использовать.

Все, что мне нужно, это рабочий пример изображения на слое на сцене и две кнопки - один, чтобы сделать изображение ярче, а другое - темнее. Может ли кто-нибудь помочь мне в этом?

Спасибо!

Answer 1

Realy, документация по фильтрам оставляет желать лучшего.

Пример скрасить фильтра: (kineticjs 4.5.0)

darth = new Kinetic.Image({ 
     x: 10, 
     y: 10, 
     image: imageObj, 
     draggable: true, 
     filter: Kinetic.Filters.Brighten, 
     filterBrightness: -50 
    }); 

для одушевленных вы можете использовать этот учебник: http://www.html5canvastutorials.com/kineticjs/html5-canvas-tween-blur-filter-with-kineticjs/

var tween = TweenLite.to(darth, 0.6, { 
     paused: true, 
     setFilterBrightness: 50, 
     onUpdate: function() { 
     layer.batchDraw(); 
     } 
    });