2014-09-05 21 views
6

Cách vẽ bóng chỉ ở phía bên phải và phía dưới của đối tượng trong hàm tạo. không có bóng trên đối tượng hoặc ở phía trên và bên trái.Createjs Shadow chỉ ở bên phải và dưới cùng

bóng chỉ chứa 4 thông số
1. màu sắc của bóng 2. x 3. y 4. hiệu ứng mờ ảo nhưng nó đã không nói bất cứ điều gì về 4 khía cạnh khác nhau.

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

mã trên tạo ra một số phần mờ trên phần trên cùng và bên trái của đối tượng.

+0

FYI, lớp Bóng trong EaselJS chỉ là một trình bao bọc cho các thuộc tính bóng trên Canvas, vì vậy mọi vấn đề gặp phải với việc sử dụng ở trên, có thể sẽ tồn tại trong Canvas không có EaselJS. – Lanny

Trả lời

1

Hãy thử điều này:

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

đã được thử nhưng nó cho kết quả tương tự như trên với màu đen với độ dày hơn – ashishkumar148

1

này là cho màu đen sẫm với phác thảo của hộp bóng qua đối tượng. tôi cần bóng mờ ở bên phải và phía dưới mà không ảnh hưởng đến đối tượng.

2

Ví dụ của bạn đang làm việc cho tôi, tôi đã thử nghiệm trên fiddle.net bằng firefox và 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); 

Hãy thử để thử nghiệm trên những trình duyệt, sử dụng phiên bản cuối cùng của createjs.

+0

nó làm việc cuối cùng cảm ơn bạn @renatopp – ashishkumar148

Các vấn đề liên quan