2014-09-05 14 views
6

Come disegnare l'ombra solo nel lato destro e inferiore dell'oggetto in createjs. non c'è ombra sopra l'oggetto o sul lato superiore e sinistro.Createjs Shadow solo a destra e in basso

all'ombra contiene solo 4 parametri
1. colore dell'ombra 2. x 3. y 4. effetto di sfocatura ma non ha detto nulla circa 4 lati differenti.

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

il codice sopra genera una parte sfocatura sopra e parte sinistra dell'oggetto.

+0

FYI, la classe Shadow in EaselJS è solo un wrapper per le proprietà shadow su Canvas, quindi eventuali problemi riscontrati con l'utilizzo sopra, probabilmente esistono in Canvas senza EaselJS. – Lanny

risposta

1

Prova questo:

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

già provato ma dà lo stesso risultato di cui sopra con colore nero con più spessore – ashishkumar148

1

questo sta dando colore nero scuro con contorno di scatola di ombra su oggetto. ho bisogno di ombre sfocate a destra e in basso senza alcun effetto sull'oggetto.

2

Il tuo esempio funziona per me, ho testato su fiddle.net utilizzando firefox e chrome.

http://jsfiddle.net/by1vf7oc/

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

Prova a testare su questi browser, utilizzando l'ultima versione dei CreateJS.

+0

ha funzionato finalmente grazie @renatopp – ashishkumar148

Problemi correlati