如何制作透明画布而不出错?

时间:2016-03-23 08:02:10

标签: javascript ajax html5 animation canvas

我试图让html5-starfield的背景透明。但为什么会出错?

背景色为黑色 http://www.thediscopalace.com/testing.php

如果背景透明http://www.thediscopalace.com/testing1.php

我将context.fillStyle='rgb(36,14,118)'; = BLACK 更改为 context.fillStyle='rgba(36,14,118, 0)'; =透明

enter image description here

1 个答案:

答案 0 :(得分:1)

问题实际上是,在绘制新星状态之前,实际上你并没有清理画布。因此,您只需将context.fillRect(0,0,w,h)内的anim()功能更改为context.clearRect(0,0,w,h)

它最初是有效的,因为每次绘制新星状态时画布都会填充不透明的颜色,但是在您更改之后颜色变得透明。