Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何无误地制作透明画布？_Javascript_Ajax_Html_Animation_Canvas - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何无误地制作透明画布？

Javascript 如何无误地制作透明画布？

javascript ajax html animation canvas

Javascript 如何无误地制作透明画布？,javascript,ajax,html,animation,canvas,Javascript,Ajax,Html,Animation,Canvas,我试图让html5 starfield的背景透明。但为什么会出错呢 这是以黑色为背景的 如果背景是透明的 我改变context.fillStyle='rgb（36,14118）'=黑色至 context.fillStyle='rgba（36,14118,0）'=透明 问题是，实际上，在绘制新的星体状态之前，您没有清理画布。因此，您只需将context.fillRect（0,0，w，h）内部anim（）函数更改为context.clearRect（0,0，w，h） 它最初是有效的，因为每次绘制新

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

这是以黑色为背景的

如果背景是透明的

我改变
context.fillStyle='rgb（36,14118）'=黑色至

context.fillStyle='rgba（36,14118,0）'=透明


问题是，实际上，在绘制新的星体状态之前，您没有清理画布。因此，您只需将
context.fillRect（0,0，w，h）
内部
anim（）
函数更改为
context.clearRect（0,0，w，h）

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