2014-09-05 113 views
6

如何只在右側和createjs物體的底部繪製陰影。在物體或頂部和左側沒有陰影。Createjs陰影只在右側和底部

陰影包含陰影 2. X 3.Ÿ 4.模糊效果 的只有4個參數
1.顏色,但它並沒有告訴約4個不同的側面東西。

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

上面的代碼會在對象的頂部和左邊部分生成一些模糊部分。

+0

僅供參考,以EaselJS暗影類僅僅是在畫布上的陰影屬性的包裝,所以上面的使用中遇到任何問題,將在畫布可能存在不EaselJS。 – Lanny 2014-09-07 17:06:40

回答

1

試試這個:

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

已經嘗試,但它與上面的結果相同,更多的厚度與黑色 – ashishkumar148 2014-09-05 09:45:21

1

這是給深黑色超過對象陰影框輪廓。我需要模糊的影子在右側和底部,對物體沒有影響。

2

你的例子是爲我工作,我已經使用Firefox和Chrome fiddle.net測試。

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); 

嘗試測試在這些瀏覽器,使用createjs的最後一個版本。

+0

它終於工作謝謝@renatopp – ashishkumar148 2014-09-08 05:55:17