如何在KineticJS中從圖像聲明的外部設置ShiftHue過濾器？

Question

In，KineticJS，我怎樣才能設置從圖像聲明的外部ShiftHue過濾器？ 我可以設置使用下面的代碼加亮過濾：

image.setFilter(Kinetic.Filters.Brighten); 
image.setFilterBrightness(Math.round(slider.value)); 

什麼ShiftHue過濾？

Answer 1

動力學的圖像對象
上只需使用過濾方法和再次提請層

var stage = addStage(); 
var darth, layer; 

var imageObj = new Image(); 
imageObj.onload = function() { 
    layer = new Kinetic.Layer(); 
    darth = new Kinetic.Image({ 
    x: 10, 
    y: 10, 
    image: imageObj, 
    draggable: true 
    }); 

    layer.add(darth); 
    stage.add(layer); 

    darth.cache(); 
    darth.filters([Kinetic.Filters.HSL]); 
    darth.hue(0); 
    layer.draw(); 
}; 
imageObj.src = 'assets/lion.png'; 

$('.update-hue').click(function(){ 
    darth.hue(parseInt($(this).attr('data-hue'), 10)); 
    layer.draw(); 
});