Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
yar3333 opened this issue May 15, 2015 · 2 comments

Comments

@yar3333
Copy link
Contributor

yar3333 commented May 15, 2015

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
Copy link
Contributor Author

yar3333 commented May 15, 2015

Solution: #617

gabelerner added a commit to canvg/canvg that referenced this issue Jun 20, 2015
Fix a bug like the same in EaselJS BlurFilter (CreateJS/EaselJS#615).
@lannymcnie
Copy link
Member

We will review the pull request for the next version.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants