search

CreateJS / EaselJS

The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier.
http://createjs.com/
MIT License
8.13k stars 1.97k forks source link

Applying a light BlurFilter to half-transparent shape made it much more transparent #615

Open yar3333 opened 9 years ago

yar3333 commented 9 years ago

See the fiddle: https://jsfiddle.net/yar3333/bqj7fute/

Code:

var stage = new createjs.Stage("canvas");

var obj = new createjs.Shape();
stage.addChild(obj);
obj.graphics
    .beginFill("rgba(128, 128, 128, 0.6)")
    .rect(0, 0, 100, 100)
    .endFill();

var obj2 = obj.clone();
obj2.x = 150;
stage.addChild(obj2);
obj2.filters = [ new createjs.BlurFilter(2, 2) ];
obj2.cache(0, 0, 100, 100);

stage.update();

If you change alpha=0.6 to alpha=0.4 then image become fully invisible.

yar3333 commented 9 years ago

Solution: https://github.com/CreateJS/EaselJS/pull/617

lannymcnie commented 8 years ago

We will review the pull request for the next version.