使JavaScript画布背景透明

我试图使这个代码笔的背景透明。我想有一个不同的背景上的漩涡，而不是彩色背景上的声明代码笔

我曾尝试添加css代码，但似乎没有任何效果。我试图搞乱画布RGB，但这似乎也没什么作用

//创建画布元素
var canvas=document.createElement（“画布”）
//将元素附加到DOM
document.getElementsByTagName（“正文”）[0].appendChild（画布）
//背景色[r，g，b]
var bg=[20,0,30]
var wh=窗内高度
//获取画布上下文（这是我们要绘制的部分）
var ctx=canvas.getContext（“2d”）
函数设置（）{
//设置画布大小以匹配窗口
canvas.width=window.innerWidth
canvas.height=window.innerHeight
wh=window.innerWidththis.history\u max）{
this.history.pop（）
}
}
}
//初始化一组粒子
变量粒子=[]
对于（变量i=0；i<90；i++）{
粒子。推送（新粒子（））
}
函数绘图（）{
//用背景色填充上下文
填充（bg，0.36）
//更新所有粒子
对于（var i=0；i

ctx.fillStyle=

rgba（255255,0）

//创建画布元素
var canvas=document.createElement（“画布”）
//将元素附加到DOM
document.getElementsByTagName（“正文”）[0].appendChild（画布）
//背景色[r，g，b]
var bg=[20,0,30]
var wh=窗内高度
//获取画布上下文（这是我们要绘制的部分）
var ctx=canvas.getContext（“2d”）
函数设置（）{
//设置画布大小以匹配窗口
canvas.width=window.innerWidth
canvas.height=window.innerHeight
wh=window.innerWidth