2014-09-09 2 views
0

я загружать изображения с помощью LoadQueue:Изображение исчезает при добавлении размытия

this.queue = new createjs.LoadQueue(false); 

Я создаю мой битмап, это работает отлично:

var myImg = new createjs.Bitmap(this.queue.getResult('test-img')); 
    myImg.scaleX = 0.2; 
    myImg.scaleY = 0.2; 
    myImg.x = 300; 

Я затем добавить размытие:

var blurFilter = new createjs.BlurFilter(5, 5, 1); 
    myImg.filters = [blurFilter]; 
    var bounds = blurFilter.getBounds(); 

    myImg.cache(-50+bounds.x, -50+bounds.y, 100+bounds.width, 100+bounds.height); 

Затем закончить:

this.stage.addChild(myImg); 
this.stage.update(); 

Проблема заключается в том, что, как только я добавляю размытие, изображение больше не появляется, где я ошибаюсь?

ответ

1

Я внедрил ваш код, и он хорошо работает http://jsfiddle.net/k4yhz6oy/2/.

Я полагаю, что область кеша вашего изображения белая или прозрачная.

myImg.cache(-50+bounds.x, -50+bounds.y, 100+bounds.width, 100+bounds.height); 

Применить границы изображения кэшировать

var imageBound = myImg.getBounds(); 
myImg.cache(imageBound.x, imageBound.y, imageBound.width, imageBound.height); 
Смежные вопросы