Createjs Shadow only in right and bottom

Question

How to draw shadow only in right and bottom side of object in createjs. there is no shadow over the object or on top and left side.

the shadow contains only 4 parameters
1. color of shadow 2. x 3. y 4. blur effect but it didn't tell anything about 4 different sides.

var box = createjs.Shape();
box.shadow = new createjs.shadow('#000',4,4,5);

the above code generates some blur portion over top and left part of object.

FYI, the Shadow class in EaselJS is just a wrapper for the shadow properties on Canvas, so any issues encountered with the usage above, will likely exist in Canvas without EaselJS. — Lanny, Sep 07 '14 at 17:06

score 2 · Answer 1 · answered Sep 05 '14 at 13:35

Your example is working for me, I've tested on fiddle.net using firefox and chrome.

var box = new createjs.Shape();
box.graphics.beginFill("red").drawRect(100, 100, 100, 100);
box.shadow = new createjs.Shadow('#000', 4, 4, 5);

Try to test on these browsers, using the last version of the createjs.

score 1 · Answer 2 · answered Sep 05 '14 at 07:46

1

Try this:

var box = new createjs.Shape();
box.graphics.beginFill("red").drawRect(0, 0, 100, 100);
box.shadow = new createjs.Shadow("#000000", 10, 10, 0);

answered Sep 05 '14 at 07:46

jcdang

already tried but it gives same result as above with black color with more thickness – ashishkumar148 Sep 05 '14 at 09:45

score 1 · Answer 3 · answered Sep 05 '14 at 08:24

1

this is giving dark black color with outline of shadow box over object. i need blurred shadow on right and bottom with no effect on object.

answered Sep 05 '14 at 08:24

ashishkumar148

3 Answers3