2014-09-17 3 views
0

Хорошо, поэтому я хочу добавить слайдер rgb для изображений, если бы мог, в противном случае я хочу сделать кнопки с различными цветовыми вариантами, которые изменят оттенок изображений. Я пытался работать с кинетическим фильтром rgb, но он, похоже, не работает с моим. Может кто-то посмотреть мой код и посмотреть, как я могу добавить его в свою. http://jsfiddle.net/dsj00qoy/17/ Также здесь своего рода код, я сделал, чтобы попробовать, но это не работает ...KineticJs и RGB фильтр

document.getElementById('ta3h').addEventListener('click', function() { 

    BR.img.filters([Kinetic.Filters.RGB]); 
     BR.img.blue(0); 
      BR.img.red(100); 
      layer.draw(); 
     }); 

ответ

0

Вы должны кэшировать изображение до применения фильтра:

BR.img.cache(); 

BR.img.filters([Kinetic.Filters.RGB]); 
BR.img.blue(0); 
BR.img.red(100); 

layer.draw(); 
+0

Я попытался это, но это не сработало, никаких других идей или, может быть, я поставил его в неправильное место или вам нужна другая настройка, чем BR.img? –

+0

Я обнаружил, что добавление этого работает для изменения фактического изображения, так что, возможно, это работает для части rgb с этим? 'Document.getElementById ('ta3h') addEventListener ('нажмите', функция() { ta3Img.image (images.ta3b), layer.draw(); });.' Вот мой полный кодирования прямо сейчас , вы можете найти часть ta3Img прямо у основания. Примечание: этот pastebin не включает указанную выше часть, но я ее протестировал, и она работает, когда я добавляю ta3b в Sources в самом низу. http://pastebin.com/daX3aHmL –