Javascript 为什么我不能在网页上显示粒子？

我试图在屏幕上显示粒子，然后以某种方式设置它们的动画。就像是在屏幕上四处走动。我找不到不允许显示这些粒子的错误

致以最良好的祝愿， 涂焦油

//初始化画布
var canvas=document.getElementById（“canvas”）；
var c=canvas.getContext（'2d'）；
/在画布中间设置正点
var posX=512，
posY=384；
//创建粒子阵列
var粒子=[]；
对于（变量i=0；i<50；i++）{
粒子。推（新粒子（））；
}
//创建有助于我们创建多个粒子的功能
函数粒子（）{
//随机化画布上的位置
this.posX=Math.random（）*canvas.width；
this.posY=Math.random（）*canvas.height；
}
//创建绘图函数
函数绘图（）{
//用黑色画画布
c、 fillStyle=“黑色”；
c、 fillRect（0，0，canvas.width，canvas.height）；
对于（var d=0；d

在for循环中：
Particle.length
应该是
particles.length
c.arc
的参数错误。它们应该是：
c.arc（p.posX，p.posY，5,0，Math.PI*2）

应考虑使用<代码>窗口​.要求​动画​Frame（）

用于调用绘图循环 示例演示：

//初始化画布
var canvas=document.getElementById（“canvas”）；
var c=canvas.getContext（'2d'）；
/在画布中间设置正点
var posX=512，
posY=384；
//创建粒子阵列
var粒子=[]；
对于（变量i=0；i<50；i++）{
粒子。推（新粒子（））；
}
//创建有助于我们创建多个粒子的功能
函数粒子（）{
//随机化画布上的位置
this.posX=Math.random（）*canvas.width；
this.posY=Math.random（）*canvas.height；
}
//创建绘图函数
函数绘图（）{
//用黑色画画布
c、 fillStyle=“黑色”；
c、 fillRect（0，0，canvas.width，canvas.height）；
对于（var d=0；d