2010-09-13 30 views
0

我想要獲取html5-starfield透明背景。 我不是一個真正的編碼員;但我認爲這很難做到。透明背景的HTML中的Starfield

http://www.chiptune.com/starfield/starfield.html

http://www.thediscopalace.com/testing.php

使用閃光燈可以是一個解決方案,但是,這是不允許的,因爲它也必須在iPad上運行。 有人可以給我一些提示嗎?或其他腳本或想法,我可以在discopalace.com上使用相同的效果。

謝謝, 戴夫

+0

這是一個建議:不要使用它。這樣的動畫非常煩人,在這種情況下,至少是無用的。另外,對於依賴於鼠標位置的效果,您如何才能在iPad上使用它? – 2010-09-13 11:12:33

+0

鼠標的位置效應不是必須的。主要是關於星星本身。這是客戶的要求。 – DaveL 2010-09-13 11:15:02

回答

0

我不知道,我也懶得對此進行測試,但嘗試改變context.fillStyle='rgb(36,14,118)'context.fillStyle='rgba(0,0,0,0)';

+0

感謝您的評論。我之前也改變了fillStyle;然後星星變成了長長的線條,你可以看到這裏:http://www.thediscopalace.com/testing1.php – DaveL 2010-09-13 11:30:27

0

如果在源,你可以看到,頁面看起來畫布標籤的背景色設置爲rgb。將其設置爲rgba,最終值爲0,這應該可以工作。

我剛使用Firebug將body onmousedown功能改爲另一種顏色,並將畫布rgb改爲rgba(0, 0, 0, 0),當您單擊該頁面時,背景顏色會發生變化。

所以我想以下內容添加到您的星空或是帆布CSS:

background-color: rgba(0, 0, 0, 0); 

希望有所幫助。

編輯在您的網頁上嘗試過,它沒有工作。我想你改變了Javascript。保存的頁面,只是改變這一行:

context.fillStyle='rgb(36,14,118)'; 

context.fillStyle='rgba(36,14,118, 0)'; 

由於還建議。

+0

感謝比利你的反應。背景現在是透明的。現在,我需要找到一個解決方案,瞭解罐頭中的條紋。謝謝 ! – DaveL 2010-09-13 11:48:12

2

試試這個..hope這對你有幫助。

ctx.fillStyle = "rgba(150,180,200, .10)"