HTML的Starfield与透明背景

Question

我正在尝试将html5-starfield的背景透明化。 我不是一个真正的编码员;但我认为这很难做到。

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

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

使用闪存可以是一种解决方案，但这是不允许的，因为它也必须在ipad上运行。 有人可以给我一些提示吗？或者其他脚本或想法，我可以在thediscopalace.com上使用类似的效果。

谢谢， 戴夫

Answer 1

试试这个......希望这会对你有所帮助。

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

Answer 2

我不确定，我无法对此进行测试，但请尝试将context.fillStyle='rgb(36,14,118)'更改为context.fillStyle='rgba(0,0,0,0)';

Answer 3

如果查看页面的源代码，可以看到canvas标签的背景颜色设置为rgb。将其设置为rgba，最终值为0，这应该有效。

我刚使用Firebug将bodymousedown函数更改为其他颜色，并将画布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)';

同样建议。