Skip to content

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

@yar3333

Description

@yar3333

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.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions